如何使用 exact 在默认路由中使用子路由

Question

这是我的代码

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

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

Answer 1

您可以：

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

在您的 Auth 内部：有另一个带有登录和注册组件的路由器

如何使用 exact 在默认路由中使用子路由

How to use child route inside default route by using exact

reactjs

react-router

react-router-v4