react-router链接突出显示同级路由活动

Question

我有一个类似于此的路由配置：

<Route path="/">
  <Route component={Books} path="books" />
  <Route component={BookDetail} path="books/:bookId" />
</Route>

当Link处于有效状态时，是否可以突出显示指向/books的{​​{1}}有效状态？

我知道这可以通过让/books/:bookId成为/books/:bookId的孩子来实现，但我希望避免这种情况，因为/books实际上在视图中完全替换了BookDetail

我目前的解决方案是Books是BookDetail的孩子，而Books有条件在其路线确切处于活动状态时呈现自身，或者其子女孩。如果可能的话，我想避免这种情况。

Answer 1

不确定我是否理解得很好，但我没有足够的意见发表评论。您可以将额外参数传递给

<Route path="/">
  <Route component={Books} path="books" />
  <Route component={BookDetail} path="books/:bookId" isDetail={true} />
</Route>