react 获取路由参数

在 React 中获取路由参数可以使用 React Router 提供的 useParams 钩子函数。

首先需要在组件中引入 useParams：

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

然后在组件中调用 useParams() 函数即可获取路由参数：

const MyComponent = () => {
  const { id } = useParams();
  
  return (
    <div>
      <h1>My Component with id {id}</h1>
    </div>
  );
}

上面的代码中，我们可以通过 useParams() 获取到路由参数 id，然后在组件中使用。注意，要使用 useParams() 函数，组件必须被包裹在 Router 组件中。