阵营路由器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>