使用react-router访问url

Question

在路线/目录/流派上，我正在渲染流派列表

{genre.url}生成网址，例如：/ catalog / genre / 5ad0ecf98c1cff1e849266f3
我在哪里或如何访问该网址？

我尝试过这样的事情（我知道这很愚蠢），什么也不回报。

Answer 1

路线组件自动接收名为匹配的道具。这个道具包含路径和参数，它应该对你有用。

Answer 2

请尝试以下路线。

<Route path={"/catalog/genre/:id"} render={()=><h3>does not work</h3>} />

或者

<Route path={"/catalog/:genre/:id"} render={()=><h3>does not work</h3>} />

希望它能解决你的问题。

Answer 3

您的路线应该是

<Route 
    exact
    path="/catalog/genre/:id"
>

对于所有ID都是一样的

<Link url="/catalog/genre/5ad0ecf98c1cff1e849266f3">Link Name1</Link>
<Link url="/catalog/genre/5ad0ecf98c1cff1e849266f4">Link Name2</Link>
<Link url="/catalog/genre/5ad0ecf98c1cff1e849266f5">Link Name3</Link>

在你的情况下，路由组件将在循环之外，它将如上所述。