react-router vs react-router-dom, kapan harus menggunakan satu atau yang lain?

Keduanya memiliki Route, Link, dll. Kapan menggunakan salah satu atau lainnya? Saya benar-benar bingung di mana harus menggunakan masing-masing. Sisi server? Sisi klien?

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

Dalam beberapa contoh Anda harus meneruskan sejarah, pada contoh lainnya tidak. Apa yang harus dilakukan?

<Router history={browserHistory}>

vs.

<Router>

Benar-benar membingungkan kapan harus menggunakan satu atau yang lain, bantuan apa pun dihargai.

react-router berisi semua komponen umum antara react-router-dom dan react-router-native . Kapan sebaiknya Anda menggunakan salah satunya? Jika Anda berada di web, maka react-router-dom harus memiliki semua yang Anda butuhkan karena juga mengekspor komponen umum yang Anda perlukan. Jika Anda menggunakan React Native, react-router-native harus memiliki semua yang Anda butuhkan untuk alasan yang sama. Jadi Anda mungkin tidak perlu mengimpor apapun langsung dari react-router . Sejauh saat Anda menggunakan

<Router history={browserHistory}>

vs.

<Router>

Di RRv4 Anda tidak perlu memberikan browserHistory, itu hanya untuk versi router sebelumnya.

Jika masih bingung bisa cek detail masing-masing paketnya di sini

react-router-dom adalah nilai react-routertambah:

• <BrowserRouter> yang mana <Router history={browserNativeHistoryApiWrapper}/>

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

• beberapa peningkatan Tautan untuk browser

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

• dan dengan <NavLink>- wrapper yang tahu apakah itu "aktif" atau tidak

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

Cukup gunakan react-router-dom- react-router-domekspor ulang semua react-router. Tautan di jawaban GitHub ( apa perbedaan antara react-router-dom& react-router? ).

Di v4, react-router mengekspor komponen dan fungsi inti. react-router-dom mengekspor komponen yang sadar DOM, seperti <Link>(yang merender <a>) dan (yang berinteraksi dengan window.history browser).

react-router-domre-ekspor semua ekspor react-router, jadi Anda hanya perlu mengimpor dari react-router-domdalam proyek Anda.