React Router,在params之后嵌套路由

React Router, nesting routes after the params

本文关键字:之后 嵌套 路由 params Router React      更新时间:2023-09-26

因此,我目前将以下内容作为react的url映射的一部分。

<Route path="dog" component={DogWrapper}>
    <Route path=":id" component={DogDetails}/>
    <Route path=":id/genealogy" component={Genealogy}/>
</Route>

但我从来没有触及家谱部分。有什么原因吗?

您的问题在于订购。React路由器优先工作,所以它总是首先使用:id路由。将geneaolgy路由向上移动,您应该已经做好了准备。

https://github.com/reactjs/react-router/blob/master/docs/guides/RouteMatching.md#precedence