réagir-routeur vs réagir-routeur-dom, quand utiliser l'un ou l'autre?

Question

Les deux ont Route, Link, etc. Quand utiliser l'un ou l'autre? Je suis vraiment confus sur où utiliser chacun. Du côté serveur? Côté client?

https://reacttraining.com/react-router/

Dans certains exemples, vous devez passer l’histoire, dans d’autres pas. Que faire?

 <Router history={browserHistory}>
 

contre

 <Router>
 

C'est vraiment déroutant de savoir quand utiliser l'un ou l'autre, toute aide appréciée.

Answer 1

réagir-routeur contient tous les composants communs entre réagissent-routeur-dom et réagir-routeur-natif. Quand devez-vous utiliser un sur l'autre? Si vous êtes sur le web puis de réagir-routeur-dom devrait avoir tout ce dont vous avez besoin, car il exportations de la commune de composants dont vous aurez besoin. Si vous êtes à l'aide de Réagir Natif, réagissent-routeur-natif devrait avoir tout ce dont vous avez besoin pour la même raison. De sorte que vous aurez probablement jamais importer quoi que ce soit, directement à partir de réagir-routeur. Aussi loin que lorsque vous utilisez

<Router history={browserHistory}>

vs

<Router>

Dans RRv4 vous n'aurez pas besoin de passer browserHistory, c'était juste pour les versions précédentes du routeur.

Si vous êtes encore confus, vous pouvez consulter les détails sur chaque paquet ici

Answer 2

réagir-routeur-dom est un react-router plus:

• <BrowserRouter> qui est <Router history={browserNativeHistoryApiWrapper}/>

  la preuve: https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/modules/BrowserRouter.js

• un Lien pour des améliorations du navigateur

  la preuve: https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/modules/Link.js

• et avec <NavLink> - wrapper qui sait si elle est "active" ou pas

  la preuve: https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/modules/NavLink.js

Answer 3

Il suffit d'utiliser react-router-dom - react-router-dom réexporter tous les react-router . Le lien sur GitHub répond https://github.com/ReactTraining/react-router/issues/4648

Answer 4

En v4, react-router exporte les composants et fonctions de base. react-router-dom exporte des composants sensibles au DOM, tels que <Link> (qui rend <a> ) et (qui interagit avec la fenêtre.histoire du navigateur).

react-router-dom réexporte la totalité des exportations de react-router, il vous suffit donc d'importer de react-router-dom dans votre projet.