React-router vs React-router-dom, kiedy używać jednego czy drugiego?

Oba mają trasę, łącze itp. Kiedy używać jednego lub drugiego? Jestem naprawdę zdezorientowany, gdzie użyć każdego z nich. Po stronie serwera? Strona klienta?

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

W niektórych przykładach trzeba przekazać historię, w innych nie. Co robić?

<Router history={browserHistory}>

vs

<Router>

To naprawdę mylące, kiedy użyć jednego lub drugiego, jakakolwiek pomoc jest doceniana.

reagują routera, zawiera wszystkie elementy wspólne pomiędzy reakcji routerem-dom i reaguje, router natywnej . Kiedy należy używać jednego nad drugim? Jeśli jesteś w Internecie, to reakcja-router-dom powinna mieć wszystko, czego potrzebujesz, ponieważ eksportuje również typowe komponenty, których potrzebujesz. Jeśli używasz React Native, react-router-native powinien mieć wszystko, czego potrzebujesz z tego samego powodu. Więc prawdopodobnie nigdy nie będziesz musiał importować niczego bezpośrednio z routera React . O ile używasz

<Router history={browserHistory}>

vs

<Router>

W RRv4 nie musisz przekazywać browserHistory, to było tylko dla poprzednich wersji routera.

Jeśli nadal jesteś zdezorientowany, możesz sprawdzić szczegóły dotyczące każdego pakietu tutaj

reakcja-router-dom to react-routerplus:

• <BrowserRouter> który jest <Router history={browserNativeHistoryApiWrapper}/>

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

• kilka ulepszeń linków do przeglądarki

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

• i z <NavLink>- opakowaniem, które wie, czy jest „aktywne”, czy nie

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

Po prostu użyj react-router-dom- react-router-domponownie eksportuj wszystkie pliki react-router. Łącze w odpowiedzi na GitHub ( jaka jest różnica między react-router-dom& react-router? ).

W wersji 4, React-router eksportuje podstawowe komponenty i funkcje. react-router-dom eksportuje komponenty zgodne z DOM, takie jak <Link>(które renderuje <a>) i (które współdziałają z window.history przeglądarki).

react-router-domreeksportuje wszystkie eksporty z re-routera, więc musisz tylko importować z react-router-domprojektu.