react router switch 嵌套

在React Router中,你可以使用 <Switch> 元素来匹配路径。 默认情况下,它只会匹配第一个与当前URL匹配的路由。 你可以在路由中嵌套 <Switch> 元素,以便对不同的路径进行分组匹配。

  <Switch>
    <Route exact path="/">
      <Home />
    </Route>
    <Route path="/about">
      <About />
    </Route>
    <Route path="/users">
      <Switch>
        <Route path="/users/:userId">
          <User />
        </Route>
        <Route path="/users">
          <Users />
        </Route>
      </Switch>
    </Route>
  </Switch>

在此示例中,当URL为/users时,将渲染<Users>组件;当URL为/users/:userId时,将渲染<User>组件。

  •