2016-08-01 58 views
0

我有一个路由的配置与此类似:反应路由器链路亮点兄弟航线活跃

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

是否有可能突出一个Link活跃的那点/books/books/:bookId是活跃?

我知道这可以使/books/:bookId/books孩子来实现,但我想避免这种情况的BookDetail实际上在视图完全取代Books

我目前的解决方案是,BookDetailBooks的孩子,Books有一个条件,当它的路线是活动的,或者是它的子节点时,它自己可以呈现自己。如果可能,我想避免这种情况。

+0

结帐这个[SO接听](http://stackoverflow.com/questions/38745288/react-router-link-wildcard-path-matching/38748867?noredirect=1# comment64876946_38748867) – Deadfish

+0

有趣的做法!感谢分享! – amann

回答

0

不知道我是否理解,但我没有足够的观点发表评论。您可以通过一个额外的参数

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