react-router：如何从基本名称导航到父路由

Question

我有一个父路由/和嵌套的子路由/settings。在/settings上下文中，我无法重定向到父级/login。重定向转到/settings/login。我已经通过父母和孩子的路线介绍了这里。是否需要任何更改？

下面的父块：

<BrowserRouter basename='/' > 
    <React.Fragment>
      < Content />  /* /settings route configured here */
    </React.Fragment>
</BrowserRouter>

class Router extends Component {
render() {
  return (  
    <Switch>
        <React.Fragment>
          <Route exact path='/' component={Page} />
          <Route path='/login' component={Login} />
        </React.Fragment>
    </Switch>
  );
}

}

下面的嵌套块：

 <BrowserRouter basename='/settings'>
          <Router/>
 </BrowserRouter>

class Router extends Component {
render() {
  return (
        <Switch>
          <React.Fragment>
            <Route exact path='/' component={User} />
            <Route path='/password' component={ResetPassword} />
          </React.Fragment>
        </Switch>
  );
}

}