我有一个URL /:id/prices的路由
但const { id } = useParams()返回id: undefined

const Component = () => {
const { id } = useParams()
console.log(id)

如何从该路由获取id？
以下是路由的结构：

<BrowserRouter>
  <Routes>
    <Route path="/" element={<Listings />} />
    <Route path="/:id/prices" element={<PricesHistory />} />
  </Routes>
</BrowserRouter>

通过点击下面的按钮，我应该导航到相应的提到的组件

<a href={"/" + id + "/prices"}>
  See history &rarr;
</a>