使用react-router访问url

Question

在路由/目录/流派上，我呈现流派列表

​

​

{genre.url}生成url，如: /catalog/genre/5ad0ecf98c1cff1e849266f3

我可以在哪里或如何访问该url？

我尝试过这样的操作(我知道这很愚蠢)，什么也不返回。

​

​

Answer 1

管线组件会自动接收一个名为match的属性。这个属性包含path和params，它们应该可以很好地为您服务。

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"
>

以下哪项对所有ids都相同

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

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