reactjs - React-router-dom 中的 Router 与 Route 有何不同

Question

在 React-Router 中 documentation我看到它从 react-router-dom 导入了 Route 和 Router 模块。我想知道这两个模块有什么不同？

Answer 1

路由器

路由器组件是在浏览器位置和 react 应用程序之间建立连接的组件。它不会在您的页面上呈现任何可见内容。它只是通过 React context 公开 API 来与浏览器的位置更改进行交互。 。因此，树下的任何组件都可以使用此 API 根据浏览器中的位置变化来更改其行为，或将浏览器位置更改为它们想要的位置。

路由器是所有其他特定路由器组件的抽象。实际上，我们使用它的特定实现，如 BrowserRouter、MemoryRouter 和 HashRouter，它们使用不同的方法来管理浏览器历史记录。另外，Router 通常是组件树中的顶级组件，在整个应用程序中只使用一次。所有其他react-router组件都应该是Router的后代，因为如果没有Router提供的API，它们就无法运行。

路线

路线很容易解释。当位置与路线的路径匹配时，它只会呈现一些 UI。因此，一个应用程序可以根据组件树不同级别的布局复杂性拥有许多路由。此外，Route 还有一些额外的属性来配置匹配如何发生。 Route内部使用Router提供的API来访问位置并决定是否渲染给定的组件。