2016-08-01 54 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>