„React“ programoje URL formatavimas routing atlieka lemiamą vaidmenį naršant puslapiuose ir rodant atitinkamą turinį. Norėdami valdyti routing „React“, galime naudoti biblioteką. Čia pateikiamas pagrindinis vadovas, kaip formatuoti URL ir tvarkyti „React“ programoje. React Router React Router routing
Diegti React Router
Atidarykite savo projekto katalogą terminale ir paleiskite šią komandą, kad įdiegtumėte: React Router npm install react-router-dom
Importuokite reikiamus komponentus iš savo „React“ komponento. React Router
Apibrėžkite maršrutus
Naudokite komponentą, kad apvyniotumėte React programą ir nustatytumėte pagrindinį URL formatą. <BrowserRouter>
Naudokite <Route>
komponentą maršrutams savo programoje apibrėžti.
Pavyzdys:
Apibrėžkite Link s
Naudokite komponentą, kad sukurtumėte naršymą programoje. <Link>
link
Pavyzdys:
Prieigos kelio parametrai
Norėdami pasiekti kelio parametrus, naudokite <Route>
komponentą su path
atributu formatu. /users/:id
Komponente, kurį apibrėžia <Route>
, galite naudoti useParams()
norėdami pasiekti kelio parametrų reikšmes.
Pavyzdys:
Naudokite Switch ir Redirect
Naudokite komponentą, kad pateiktumėte tik pirmąjį maršrutą, kuris atitinka kelią. <Switch>
Naudokite komponentą vartotojams iš vieno nurodyto kelio į kitą. <Redirect>
redirect
Pavyzdys:
Tai yra keletas pagrindinių URL formatavimo ir routing „React“ naudojant. Naudodami, galite sukurti lanksčias „React“ programas su galimybe naršyti ir rodyti įvairų turinį pagal URL. React Router React Router