13、React路由与高级Hook使用指南

React路由与高级Hook使用指南

1. 技术要求

在开始之前，需要安装以下软件：
- 较新版本的Node.js，可从 官方网站 获取安装指导。
- Node包管理器（npm），通常会随Node.js一起安装。

建议使用以下版本：
| 软件 | 版本 |
| ---- | ---- |
| Node.js | v22.14.0 |
| npm | v10.9.2 |
| Visual Studio Code | v1.97.2 |

虽然安装新版本通常不会有问题，但某些步骤在新版本中可能会有所不同。如果遇到代码和步骤方面的问题，请尝试使用上述版本。代码可在 GitHub 上找到。

2. 引入React Router

React Router最初是一个简单的声明式路由库，可用于定义和管理应用的不同路由，并在它们之间进行导航。现在，它也可以作为React框架使用，提供处理布局和高级服务器端渲染的方法。这里我们将其作为库来使用。

React Router库主要由以下三个组件组成：
- BrowserRouter 组件：提供使用路由的上下文。
- Routes 组件：用于定