请教一个关于React路由嵌套的问题

Question

如下图，products路由里面又有一个子路由product，path为product/:id，也就是用来做产品的详情视图，
可以看到product的Route跟nav是在同一个视图里面，这样，就算我进入了product:/id路由，nav还是会同时存在，也就是详情视图里会出现nav，这不是我想要的
我看到有些人是将详情视图定位覆盖掉nav，感觉这种做法太丑陋了吧？
请问react-router有什么好的方式吗？

...]

最终是这样解决的

把导航内嵌到每个组件内,/users/:id与其他route同级，然后不需要的menu的组件里面不放置就行了

Answer 1

对nav做下判断，判断当前路由是不是/products/:id，是的话就不显示nav