Ambos tienen Ruta, Enlace, etc. ¿Cuándo usar uno u otro? Estoy realmente confundido sobre dónde usar cada uno. ¿Lado del servidor? ¿Lado del cliente?
https://reacttraining.com/react-router/
En algunos ejemplos es necesario pasar el historial, en otros no. ¿Qué hacer?
<Router history={browserHistory}>
vs
<Router>
Es realmente confuso cuándo usar uno u otro, se agradece cualquier ayuda.
reactjs
react-router
chulian
fuente
fuente
Respuestas:
react-router contiene todos los componentes comunes entre react-router-dom y react-router-native . ¿Cuándo debería usar uno sobre el otro? Si está en la web, react-router-dom debería tener todo lo que necesita, ya que también exporta los componentes comunes que necesitará. Si está utilizando React Native, react-router-native debería tener todo lo que necesita por la misma razón. Por lo tanto, probablemente nunca tendrá que importar nada directamente desde react-router . En cuanto a cuando usas
vs
En RRv4 no necesitará pasar browserHistory, eso fue solo para versiones anteriores del enrutador.
Si aún está confundido, puede consultar los detalles de cada paquete aquí
fuente
react-router-dom es una
react-router
ventaja:<BrowserRouter>
cual es<Router history={browserNativeHistoryApiWrapper}/>
prueba: https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/modules/BrowserRouter.js
algunas mejoras de enlaces para el navegador
prueba: https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/modules/Link.js
y con
<NavLink>
- envoltorio que sabe si está "activo" o noprueba: https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/modules/NavLink.js
fuente
Solo use
react-router-dom
-react-router-dom
reexporta todoreact-router
. El enlace en la respuesta de GitHub ( ¿cuál es la diferencia entrereact-router-dom
&react-router
? ).fuente
En v4, react-router exporta los componentes y funciones principales. react-router-dom exporta componentes compatibles con DOM, como
<Link>
(que representa<a>
) y (que interactúa con el historial de ventanas del navegador).react-router-dom
reexporta todas las exportaciones de react-router, por lo que solo necesita importar desdereact-router-dom
su proyecto.fuente