React Router V4交换机vs div？

Question

我已经看到许多示例说，使用React Router V4时，您可以将<Route />组件包装在<Switch>React Router提供的组件中，也可以使用任何其他元素包含路由（例如<div>）。

这两种方法有什么区别？

例子：

<BrowserRouter>
  <div>
    <Route exact path="/login" component={LoginScreen} />
    <Route path="/loading" component={LoadingScreen} />
  </div>
</BrowserRouter>

VS

<BrowserRouter>
  <Switch>
    <Route exact path="/login" component={LoginScreen} />
    <Route path="/loading" component={LoadingScreen} />
  </Switch>
</BrowserRouter>

Answer 1

<Switch/>组件只会显示<Route/>任何给定的第一个匹配的子代path。其他配置将显示所有匹配项。