在react-router-dom中路由器與路由有什麼不同

Question

在React-Router documentation我看到它已經導入Route和Router模塊從react-router-dom。我想知道這兩個模塊有什麼不同？

Answer 1

路由器

路由器組件是什麼使瀏覽器位置和所述反應應用之間的連接。它不會在你的頁面上顯示任何東西。它只是公開API以通過React context與瀏覽器的位置更改進行交互。因此，樹中的任何組件都可以使用此API根據瀏覽器中的位置更改來更改其行爲，或者將瀏覽器位置更改爲所需的位置。

路由器是所有其他特定路由器組件的摘要。實際上，我們使用它的特定實現，如BrowserRouter，MemoryRouter和HashRouter，它們使用不同的方法來管理瀏覽器歷史記錄。此外，路由器通常是組件樹中的頂級組件，並且在整個應用程序中只使用一次。所有其他反應路由器組件應該是路由器的後代，因爲它們不能在沒有路由器提供的API的情況下運行。

路線

路線是非常簡單的解釋。當位置匹配路徑的路徑時，它只呈現一些UI。因此，應用程序可以根據組件樹的不同級別的佈局複雜程度來設置許多路由。而且，Route還有一些額外的道具來配置比賽應該如何進行。路由內部使用由路由器提供的API來訪問位置並決定是否渲染給定的組件。