如何使用精确路由在默认路由内使用子路由

Question

这是我的代码

<Route path='/' component ={component}>
 <Route path='/login' component = {login}/>
 <Route path='/signup' component = {signUp}/>
</Route>
<Route exact path = '/newPath' component = {NewComponent} />

问题是，如果我正在调用登录名和注册名，我也想调用“ /”。 但是当我想调用“ / newPath”时，我不想使用“ /”。但是如何在不使用完全关键字的情况下避免使用'/'。因为当我在'/'中使用确切的单词时，无法在登录和注册时调用它。

Answer 1

您可以：

<BrowserRouter>
  <Switch>
      <Route path="/auth" component={Auth} />
      <Route path="/" component={Dashboard} />
      ...
    </Switch>
</BrowserRouter>

在您的Auth中：拥有另一个具有登录和注册组件的路由器