A React alkalmazásban az URL formázása routing kulcsfontosságú szerepet játszik az oldalak navigálásában és a megfelelő tartalom megjelenítésében. A React kezeléséhez routing használhatjuk a könyvtárat. Itt található egy alapvető útmutató az URL-ek formázásához és kezeléséhez a React alkalmazásban. React Router React Router routing
Telepítés React Router
Nyissa meg projektkönyvtárát a terminálban, és futtassa a következő parancsot a telepítéshez: React Router npm install react-router-dom
Importálja a szükséges összetevőket a React összetevőjébe. React Router
Útvonalak meghatározása
Az összetevő segítségével csomagolja be a React alkalmazást, és állítson be egy alap URL-formátumot. <BrowserRouter>
Használja az <Route>
összetevőt az útvonalak meghatározásához az alkalmazásban.
Példa:
Határozza meg Link s
Használja az összetevőt navigáció létrehozásához az alkalmazásban. <Link>
link
Példa:
Hozzáférési útvonal paraméterei
Az elérési út paramétereinek eléréséhez használja a formátumú attribútumot <Route>
tartalmazó összetevőt. path
/users/:id
Az által meghatározott komponensen belül az elérési út paramétereinek értékeit <Route>
érheti el. useParams()
Példa:
Használja Switch és Redirect
A komponens használatával csak az első útvonalat jelenítse meg, amely megfelel az útvonalnak. <Switch>
Használja az összetevőt az egyik megadott útvonaltól a másikig tartó felhasználókhoz. <Redirect>
redirect
Példa:
Íme néhány alapfogalom az URL-formázásról és routing a React használatával kapcsolatban. A használatával rugalmas React alkalmazásokat hozhat létre, amelyek képesek navigálni és különféle tartalmakat megjeleníteni az URL alapján. React Router React Router