reagire-router vs reagire-router-dom, quando usare l'uno o l'altro?

Entrambi hanno Route, Link, ecc. Quando usare l'uno o l'altro? Sono davvero confuso su dove usarli. Lato server? Dalla parte del cliente?

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

In alcuni esempi è necessario passare la storia, in altri no. Cosa fare?

<Router history={browserHistory}>

vs

<Router>

È davvero confuso quando usare l'uno o l'altro, qualsiasi aiuto è apprezzato.

React-router contiene tutti i componenti comuni tra React-Router-Dom e React-Router-Native . Quando dovresti usarne uno sull'altro? Se sei sul web, react-router-dom dovrebbe avere tutto ciò di cui hai bisogno poiché esporta anche i componenti comuni di cui avrai bisogno. Se stai usando React Native, react-router-native dovrebbe avere tutto ciò di cui hai bisogno per lo stesso motivo. Quindi probabilmente non dovrai mai importare nulla direttamente da react-router . Per quanto riguarda quando usi

<Router history={browserHistory}>

vs

<Router>

In RRv4 non sarà necessario passare la cronologia del browser, che era solo per le versioni precedenti del router.

Se sei ancora confuso, puoi controllare i dettagli su ciascun pacchetto qui

react-router-dom è un react-routervantaggio:

• <BrowserRouter> che è <Router history={browserNativeHistoryApiWrapper}/>

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

• alcuni miglioramenti di collegamento per il browser

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

• e con <NavLink>- wrapper che sa se è "attivo" o meno

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

Basta usare react-router-dom- react-router-domriesportare tutto react-router. Il collegamento su GitHub risponde ( qual è la differenza tra react-router-dom& react-router? ).

Nella v4, React-router esporta i componenti e le funzioni principali. react-router-dom esporta componenti compatibili con DOM, come <Link>(che esegue il rendering <a>) e (che interagisce con window.history del browser).

react-router-domriesportare tutte le esportazioni di react-router, quindi devi solo importare da react-router-domnel tuo progetto.