반응 라우터 활성 링크 하이라이트 형제 경로를

Question

내가 한이에 대한 경로 설정과 유사한

<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>