反応し、ルータのアクティブリンクのハイライト兄弟ルートを

Question

Iてきたこれまでの経路設定と類似：

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

それは/booksにポイントが/books/:bookIdがアクティブアクティブであるLinkときことを強調することは可能ですか？

これは/booksの子であることを実現することができますが、BookDetailは実際にはBooksの代わりに表示されますので、これを避けたいと思います。

現在のところ、BookDetailは、Booksの子であり、Booksは、ルートがアクティブなときにそれ自身をレンダリングする条件、またはその子をレンダリングする条件を持っています。私は可能ならばこれを避けたい。

Answer 1

私はそれをよく理解しているかどうかはわかりませんが、コメントを投稿するのに十分なポイントがありません。あなたは

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