React 路由器是如何工作的以及 <link> 和 <Route> 之间的区别是什么

Question

React路由器中的Link和Route有什么区别？我们在哪里使用它们，或者我们一起使用它们还是单独使用它们？哪里可以找到正版专业的React web开发教程？

Answer 1

在Route和Link组件意味着一起使用的应用程序来完成不同的任务。首先，React Router 库旨在实现两件事：1. 确保在 URL 栏中捕获状态转换。2. 通过有状态的 URL 地址访问时，确保应用程序从正确的状态启动。

Link 组件 的作用Link 组件是一种在应用程序中转换路由状态的方法。因此，如果您单击链接组件，则会激活路由状态。例如：

<Link to="/example" />

将注册应用程序处于“/example”状态。此时，由组件来呈现适当的内容。

<Route path="/example" render={Profile] />

所以简而言之，Link 组件负责状态到状态（页面到页面）的转换，而 Route 组件则负责充当开关，根据路由状态显示某些组件。

Answer 2

链接和路由

<Link/> 是您可以用来导航路线的元素。

<Route/>，它最基本的职责是在某个位置与路线的路径匹配时呈现一些 UI。

它们是分开使用的。链接取决于路线的位置。但是Route可以在没有Link的情况下使用。