13、使用钩子进行路由及 React 高级钩子介绍

使用钩子进行路由及 React 高级钩子介绍

1. 技术要求

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

推荐使用 Visual Studio Code（VS Code）进行开发，可从 VS Code 官方网站 获取安装信息。本文使用的版本如下：
| 软件 | 版本 |
| ---- | ---- |
| Node.js | v22.14.0 |
| npm | v10.9.2 |
| VS Code | v1.97.2 |

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

2. 引入 React Router

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