2016-08-01 10 views
0

ich eine Route Config haben ähnlich wie diese:reagieren-Router Link-Highlight Geschwister Route aktiv

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

Ist es möglich, ein Link aktiv, dass Punkte auf /books zu markieren, wenn /books/:bookId aktiv ist?

ich das erkennen kann, mit der Herstellung /books/:bookId ein Kind /books erreicht werden, jedoch würde Ich mag, dies zu vermeiden, wie BookDetail ersetzt tatsächlich Books vollständig in der Ansicht.

Meine aktuelle Lösung ist, dass BookDetail ein Kind von Books ist und Books eine Bedingung hat, um entweder sich selbst darzustellen, wenn genau seine Route aktiv ist oder andernfalls seine Kinder. Das möchte ich möglichst vermeiden.

+0

Kasse dieses [SO beantworten] (http://stackoverflow.com/questions/38745288/react-router-link-wildcard-path-matching/38748867?noredirect=1# passieren comment64876946_38748867) – Deadfish

+0

Interessanter Ansatz! Danke für das Teilen! – amann

Antwort

0

Nicht sicher, ob ich es gut verstehe, aber ich habe nicht genug Punkt, um einen Kommentar zu schreiben. Sie können einen zusätzlichen Parameter zu

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