React Router v6 获取路由参数

在 React Router v6 中，获取路由参数可以通过两种方式实现：

1. 使用 `useParams` 钩子函数：

   import { useParams } from 'react-router-dom';

   function MyComponent() {
     const { id } = useParams();

     // 使用 id 进行操作
     // ...

     return (
       // JSX
     );
   }

在上述例子中，`{ id }` 是从路由参数中获取的。你可以在需要的组件中使用 `useParams` 钩子函数来获取其他路由参数。

2. 使用 `useLocation` 钩子函数和解析查询字符串：

   import { useLocation } from 'react-router-dom';
   import queryString from 'query-string';

   function MyComponent() {
     const location = useLocation();
     const params = queryString.parse(location.search);

     // 使用 params 进行操作
     // ...

     return (
       // JSX
     );
   }

在上述例子中，我们使用 `useLocation` 钩子函数获取当前的路径和查询字符串，然后使用 `queryString.parse` 方法解析查询字符串为一个对象 `params`。你可以在需要的组件中使用这种方式来获取路由参数。

请注意，以上示例中的代码需要使用 `react-router-dom` 库，并且已经正确设置了路由配置。