与 React Router yarn 相关的主要问题是很难正确配置。 它需要大量设置和配置，如果操作不当，可能会导致意外行为或错误。 此外，React Router yarn 的文档并不总是清晰或最新的，这使得开发人员很难解决问题。
add react-router-dom
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
<Router>
<div>
<ul>
<li><Link to="/">Home</Link></li>
<li><Link to="/about">About</Link></li>
<li><Link to="/topics">Topics</Link></li>
</ul>
<hr />
<Route exact path="/" component={Home} />
<Route path="/about" component={About} />
<Route path="/topics" component={Topics} />
</div>
</Router>
1. 该行从 react-router-dom 库中导入 BrowserRouter、Route 和 Link 组件：
从“react-router-dom”导入{ BrowserRouter as Router, Route, Link };
2. 这一行将整个应用程序包装在一个 Router 组件中以提供路由功能：
3. 此 div 元素包含将用于在不同路线之间导航的链接列表：
- 主页
- 关于我们
- Topics
4. 此 hr 元素用作导航链接和路线内容之间的视觉分隔符：
5. 这些行使用 React Router 的 Route 组件为我们的应用程序定义了三个不同的路由：
6. 最后，这个关闭的 div 标签关闭了我们的应用程序包装器 div 元素：
什么是反应路由器
React Router 是 React 的路由库，允许开发人员在其 React 应用程序中创建和管理路由。 它提供了一种以声明方式将路由映射到组件、处理 URL 参数和管理导航事件的方法。 它还提供动态路线匹配、位置转换处理和滚动恢复等功能。
什么是纱线
Yarn 是 JavaScript 的包管理器，可帮助开发人员以更高效、更安全的方式管理其依赖项。 React Router 使用它来安装、更新和配置包。 Yarn 还可以帮助开发人员跟踪他们项目的依赖项，确保所有必要的包都已安装并保持最新。 这使得与多个开发人员一起处理项目变得更加容易，因为每个开发人员都可以轻松检查他们需要使用的包的版本。
