React-Router vs React-Router-Dom, wann den einen oder anderen verwenden?

Beide haben Route, Link usw. Wann soll man das eine oder das andere benutzen? Ich bin wirklich verwirrt, wo ich jeden verwenden soll. Serverseite? Kundenseite?

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

In einigen Beispielen müssen Sie den Verlauf übergeben, in anderen nicht. Was ist zu tun?

<Router history={browserHistory}>

vs.

<Router>

Es ist wirklich verwirrend, wann man das eine oder das andere benutzt, jede Hilfe wird geschätzt.

React-Router enthält alle gemeinsamen Komponenten zwischen React-Router-Dom und React-Router-Native . Wann sollten Sie eine über die andere verwenden? Wenn Sie im Web sind, sollte React-Router-Dom alles haben, was Sie brauchen, da es auch die allgemeinen Komponenten exportiert, die Sie benötigen. Wenn Sie React Native verwenden, sollte React -Router-Native aus demselben Grund über alles verfügen, was Sie benötigen. Sie müssen also wahrscheinlich nie etwas direkt vom React-Router importieren . Soweit Sie verwenden

<Router history={browserHistory}>

vs.

<Router>

In RRv4 müssen Sie browserHistory nicht weitergeben, das war nur für frühere Versionen des Routers.

Wenn Sie immer noch verwirrt sind, können Sie die Details zu jedem Paket hier überprüfen

React-Router-Dom ist ein react-routerPlus:

• <BrowserRouter> welches ist <Router history={browserNativeHistoryApiWrapper}/>

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

• Einige Linkverbesserungen für den Browser

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

• und mit <NavLink> - Wrapper, der weiß, ob er "aktiv" ist oder nicht

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

Verwenden Sie einfach react-router-dom- react-router-domexportiert alle neu react-router. Der Link auf GitHub antwortet ( was ist der Unterschied zwischen react-router-dom& react-router? ).

In Version 4 exportiert der React-Router die Kernkomponenten und -funktionen. React-Router-Dom exportiert DOM-fähige Komponenten wie <Link>(welche rendern <a>) und (die mit der window.history des Browsers interagieren).

react-router-domExportiert alle Exporte des React-Routers erneut, sodass Sie nur react-router-domin Ihr Projekt importieren müssen .