嵌套链接和活动类名不起作用

Question

所以我有一个侧边栏，有几个链接：像这样

<div className='sidebar'>
 <NavLink to='/dashboard'>Home</NavLink>
 <NavLink activeClassName='activetab' to='/dashboard/account'>Account</NavLink>
 </div>

然后我有一条通往帐户页面的路线

<Switch>
 //some other routes
 <Route path='/dashboard/account'>
  
 </Route>
</Switch>

在我的帐户页面内，还有一些其他链接，每个链接都与路由相关联，如下所示：

 <Route path='/dashboard/account'>
  <NavLink exact to='/dashboard/account' activeClassName='activeaccounttab'>Settings</NavLink>
  <NavLink to='/dashboard/account/notifications' activeClassName='activeaccounttab'>Notifications</NavLink>
  <Switch>
    <Route exact path='/dashboard/account'>
      <div>Settings</div>
    </Route>
    <Route exact path='/dashboard/account/notifications'>
     <div>Notifications</div>
    </Route>
  </Switch>
 </Route>

现在我遇到的问题是，当用户在“通知”选项卡中时，侧边栏中的 NavLink 将不再具有 activeClassName 有什么解决办法吗？