Pagrindinė problema, susijusi su „React Router“ įdiegimu naudojant „npm“, yra ta, kad gali būti sunku nustatyti, kuri „React Router“ versija yra suderinama su jūsų naudojama „React“ versija. Kadangi „React“ ir „React Router“ sparčiai vystosi, versijos turi atitikti, kad maršrutizatorius veiktų tinkamai. Be to, jei turite įdiegtą senesnę React versiją, ji gali būti nesuderinama su naujesnėmis React Router versijomis. Todėl prieš bandant įdiegti naują React Router versiją svarbu patikrinti suderinamumą.
To install React Router with npm, run the following command in your terminal: npm install react-router-dom
1. npm install: ši komanda įdiegs paketą iš npm registro.
2. react-router-dom: tai paketo, kuris bus įdiegtas, pavadinimas – React Router DOM.
npm paketų tvarkyklė
NPM (Node Package Manager) yra „JavaScript“ paketų tvarkyklė, leidžianti kūrėjams įdiegti, bendrinti ir valdyti „React Router“ kodo paketus. Tai populiariausias „JavaScript“ paketų tvarkyklė ir suteikia prieigą prie tūkstančių bibliotekų, kurias galima naudoti „React Router“ programose. NPM padeda kūrėjams greitai rasti ir įdiegti paketus, taip pat lengvai juos atnaujinti, kai reikia. Tai taip pat leidžia kūrėjams sekti savo priklausomybes ir užtikrinti, kad jie yra atnaujinami su naujausiomis versijomis. Be to, NPM leidžia lengvai dalytis kodu tarp projektų ir bendradarbiauti su kitais projekto kūrėjais.
Reaguokite maršrutizatoriaus diegimo procesą
„React Router“ diegimo procesas yra gana paprastas.
1. Įdiekite paketą react-router-dom iš npm:
„npm install react-router-dom“.
2. Importuokite „BrowserRouter“ komponentą iš „react-router-dom“ paketo į „React“ programą:
`importuoti { BrowserRouter } iš 'react-router-dom'
3. Apvyniokite pagrindinį komponentą su BrowserRouter komponentu:
`
4. Pridėkite maršrutus prie programos naudodami Route and Switch komponentus:
„“
