El principal problema relacionat amb el fil React Router és que pot ser difícil de configurar correctament. Requereix molta configuració i configuració, i si es fa incorrectament, pot provocar un comportament inesperat o errors. A més, la documentació del fil de React Router no sempre és clara o actualitzada, cosa que dificulta que els desenvolupadors resolguin problemes.
add react-router-dom
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
<Router>
<div>
<ul>
<li><Link to="/">Home</Link></li>
<li><Link to="/about">About</Link></li>
<li><Link to="/topics">Topics</Link></li>
</ul>
<hr />
<Route exact path="/" component={Home} />
<Route path="/about" component={About} />
<Route path="/topics" component={Topics} />
</div>
</Router>
1. Aquesta línia importa els components BrowserRouter, Route i Link de la biblioteca react-router-dom:
importa { BrowserRouter com a encaminador, ruta, enllaç } de "react-router-dom";
2. Aquesta línia embolcalla tota l'aplicació en un component d'encaminador per proporcionar la funcionalitat d'encaminament:
3. Aquest element div conté una llista d'enllaços que s'utilitzaran per navegar entre diferents rutes:
- Home
- Qui som?
- Temes
4. Aquest element hr s'utilitza com a separador visual entre els enllaços de navegació i el contingut de la ruta:
5. Aquestes línies defineixen tres rutes diferents per a la nostra aplicació mitjançant el component Route de React Router:
6. Finalment, aquesta etiqueta div de tancament tanca l'element div de l'embolcall de l'aplicació:
què és React Router
React Router és una biblioteca d'encaminament per a React que permet als desenvolupadors crear i gestionar rutes dins de les seves aplicacions React. Proporciona una manera de mapejar de manera declarativa rutes als components, gestionar els paràmetres d'URL i gestionar els esdeveniments de navegació. També ofereix funcions com la concordança de rutes dinàmiques, la gestió de la transició d'ubicacions i la restauració de desplaçaments.
Què és el fil
Yarn és un gestor de paquets per a JavaScript que ajuda els desenvolupadors a gestionar les seves dependències d'una manera més eficient i segura. React Router l'utilitza per instal·lar, actualitzar i configurar paquets. Yarn també ajuda els desenvolupadors a fer un seguiment de les dependències del seu projecte, assegurant-se que tots els paquets necessaris estan instal·lats i actualitzats. Això fa que sigui més fàcil treballar en projectes amb diversos desenvolupadors, ja que cadascun pot comprovar fàcilment quines versions dels paquets necessita utilitzar.
