reactjs - React router 是如何工作的以及 和 之间的区别是什么

Question

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

Answer 1

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

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

<Link to="/example" />

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

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

所以简单来说，Link 组件负责从状态到状态(页面到页面)的转换，而 Route 组件则负责充当开关，根据路由状态显示某些组件。

库使用的最佳示例可以在 https://reacttraining.com/react-router/ 找到。