陣營路由器v4和嵌套的路線：指數navlink始終保持活躍

Question

目前，我有這樣的路由結構：

//Main.js：

<Router> 
    <Switch> 
     <Route exact path='/' component={AuthApp}/> 
     <Route path='/app' component={ContentApp}/> 
    </Switch> 
</Router> 

我需要我的ContentApp的裏面的一些內部導航：

//ContentApp: 
<Route exact path={`${match.url}/`} component={Content}/> 
<Route exact path={`${match.url}/something`} component={Something}/> 
<Route exact path={`${match.url}/else`} component={Else}/> 
<Route exact path={`${match.url}/blahblah`} component={BlahBlah}/> 

還有一些導航OFC：

//Header.js 
<NavLink exact to='/app' >Dashboard</NavLink> 
<NavLink to='/app/something' >Something</NavLink> 
<NavLink to='/app/else' >Else</NavLink> 
<NavLink to='/app/blahblah' >BlahBlah</NavLink> 

所以，事情是：它的工作很好，但第一個鏈接始終保持活動狀態。任何人都可以建議我如何解決這個問題？由於

Answer 1

只需修改NavLink到：

//Header.js 
<NavLink exact to='/app' >Dashboard</NavLink> 
<NavLink exact to='/app/something' >Something</NavLink> 
<NavLink exact to='/app/else' >Else</NavLink> 
<NavLink exact to='/app/blahblah' >BlahBlah</NavLink>