React Router, маршруты вложения после параметров

Question

Итак, у меня в настоящее время есть часть моей карты url для реакции.

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

Но я никогда не сталкиваюсь с компонентом генеалогии. Есть идеи о том, почему?

Answer 1

Ваша проблема с заказом. React-router работает с приоритетом, поэтому он всегда будет принимать первый путь: id. Переместите маршрут geneaolgy, и все должно быть установлено.

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