react 路由跳转

React Router 是一个流行的 JavaScript 库，用于在单页应用（SPA）中管理路由。它帮助开发者在不同页面间切换，而无需重新加载整个应用。React Router 提供了几种基本的路由操作，包括：

1. **使用 `<Link>` 组件**：这是最直观的方式，它创建一个可点击的链接，当用户点击时会导航到指定的路由。例如：

   <Link to="/about">About</Link>

2. **`<BrowserRouter>` 或 `<HashRouter>`**：这两种是 React Router 提供的主要历史模式，它们基于浏览器的 `history` API 和 URL 的 hash 来管理路由。选择哪一个取决于你的应用是否需要支持浏览器的前进和后退按钮。

3. **`<Route>` 组件**：这是定义应用路由的基本元素。它定义了特定路径和对应的组件或子路由。例如：

   <Route path="/home" component={HomeComponent} />

4. **`Switch`**：用于包裹所有 `<Route>`，确保只会渲染一个匹配的路由，避免多个路由同时匹配同一个路径。

5. **动态路由**：使用动态参数（如 `:id`）可以创建可匹配多个URL的路由，如 `/users/:userId`。

6. **嵌套路由**：通过 `<Route>` 的 `children` 属性可以创建嵌套的路由结构。

7. **`useHistory`** 和 `useRouter` 钩子：这些 hook 可以让你在组件内部访问当前的路由信息。