Riješeno: reagirajte usmjerivač dom npm

Glavni problem koji se odnosi na React Router DOM je taj što može biti teško otkloniti pogreške. Budući da usmjeravanjem upravlja React Router, može biti teško točno odrediti gdje se problem pojavljuje. Osim toga, budući da React Router DOM koristi JavaScript za svoje usmjeravanje, sve pogreške u kodu mogu uzrokovati neočekivano ponašanje i još više otežati otklanjanje pogrešaka. Konačno, ako korisnik ima instaliranu stariju verziju React Router DOM-a, može imati problema s kompatibilnošću s novijim verzijama biblioteke.

import { BrowserRouter as Router, Route } from "react-router-dom";

<Router>
  <Route exact path="/" component={Home} />
  <Route path="/about" component={About} />
</Router>

1. “import { BrowserRouter as Router, Route } from 'react-router-dom';”
Ovaj redak uvozi komponente BrowserRouter i Route iz biblioteke react-router-dom.

2. ""
Ovaj redak stvara komponentu usmjerivača koja će se koristiti za omotavanje svih ruta u aplikaciji.

3. ""
Ovaj redak stvara komponentu rute koja će prikazati početnu komponentu kada je staza '/'. Potpora 'exact' osigurava da će se ova ruta podudarati samo ako je staza točno '/'.

4. "” Ovaj redak stvara komponentu rute koja će prikazati komponentu About kada je staza '/about'.

5. “” Ovaj redak zatvara komponentu usmjerivača i signalizira Reactu da su sve naše rute deklarirane.

npm upravitelj paketa

NPM (Node Package Manager) je upravitelj paketa za JavaScript koji pomaže programerima da jednostavno instaliraju, ažuriraju i upravljaju paketima za svoje React aplikacije. To je zadani upravitelj paketa za React Router biblioteku i omogućuje pristup širokom rasponu paketa koji se mogu koristiti u React aplikacijama. NPM programerima omogućuje brzo pronalaženje i instaliranje paketa iz službenog registra kao i drugih izvora trećih strana. Također pruža alate za upravljanje ovisnostima između različitih paketa, što olakšava praćenje koje su verzije svakog paketa instalirane u aplikaciji. Osim toga, NPM se može koristiti za jednostavno ažuriranje postojećih paketa ili čak za njihovu deinstalaciju ako više nisu potrebni.

Što je react router dom

React Router DOM je biblioteka za usmjeravanje za React koja programerima omogućuje stvaranje i upravljanje rutama unutar svojih React aplikacija. Omogućuje način za deklarativno mapiranje ruta do komponenti, upravljanje poviješću preglednika i održavanje sinkronizacije korisničkog sučelja s URL-om. Također uključuje značajke kao što su dinamičko usklađivanje ruta, upravljanje prijelazom lokacije i generiranje URL-ova.

Kako instalirati Dom npm react router

1. Instalirajte React Router:
Prvo instalirajte paket React Router koristeći npm ili yarn.
Na primjer, ako koristite npm:
npm instalirajte react-router-dom

2. Uvezite React Router:
Nakon dovršetka instalacije morate uvesti komponente iz react-router-dom u svoju aplikaciju. Na primjer:
import { BrowserRouter as Router, Route } from 'react-router-dom';

3. Umotajte svoju aplikaciju u komponentu usmjerivača:
Sljedeći korak je omotati vašu korijensku komponentu s a komponenta iz react-router-dom. Ovo će vašoj aplikaciji pružiti mogućnosti usmjeravanja i učiniti je svjesnom trenutne URL staze koju korisnik posjećuje. Na primjer:

const App = () => (
 
 

    );

4. Dodajte rute svojoj aplikaciji: posljednji korak je dodavanje ruta vašoj aplikaciji pomoću komponenta koju pruža react router dom. Komponenta rute ima dva rekvizita; put i komponenta koja vam omogućuje da navedete koje komponente trebaju biti prikazane kada korisnik posjeti određeni URL put u vašoj aplikaciji Na primjer:

const App = () => (
 
 

   )