react-router-domv6动态路由

React Router v6中，动态路由的使用方式有所变化。下面是一个示例，展示了如何在React Router v6中使用动态路由：

首先，确保你已经安装了`react-router-dom`版本6及以上。

import { BrowserRouter, Route, Routes } from 'react-router-dom';

function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/users" element={<Users />} />
        <Route path="/users/:id" element={<User />} /> {/* 动态路由 */}
      </Routes>
    </BrowserRouter>
  );
}

function User() {
  // 使用`useParams`钩子来获取动态路由参数
  let { id } = useParams();
  return <div>User ID: {id}</div>;
}

在上面的例子中，我们创建了一个`User`组件，它使用了动态路由参数`:id`。我们可以通过`useParams`钩子来获取动态路由参数的值。

当访问`/users/123`时，`User`组件将渲染，并显示"User ID: 123"。

希望这个示例能帮助到你！如有更多问题，请继续提问。