react-router-dom V6 配置4层路由

在 react-router-dom v6 中，配置多层路由与在 v5 中相似，但 API 和一些概念已经有所变化。在 v6 中，你不再使用 组件，而是使用 和 组件，以及 useRoutes 钩子（如果你倾向于使用配置化的路由）。

以下是一个配置 4 层路由的示例：

1. 安装依赖（如果你还没有安装的话）：

npm install react-router-dom@next

2. 配置路由：

假设你有以下结构：

/
|-- App.js
|-- routes/
|   |-- index.js
|   |-- Home/
|