React Router V4 switch vs div？

Question

我已经看到各种示例说使用React Router V4时，您可以将<Route />组件包装在React Router提供的<Switch>组件中，或者您可以使用任何其他元素来包含您的路线（例如<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。其他配置将显示所有匹配。