React Router，在参数之后嵌套路由

Question

因此，我目前将以下内容作为我的 url 反应地图的一部分。

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

但我从来没有点击过 Genealogy 组件。关于为什么的任何想法？

Answer 1

您的问题与订购有关。 React-router 按优先顺序工作，所以它总是首先采用 :id 路由。向上移动 geneaolgy 路线，您应该已经准备就绪。

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

React Router，在参数之后嵌套路由

React Router, nesting routes after the params

javascript

reactjs

react-router