反应路由器V4开关与div？

Question

我看过许多例子，说明在使用React时，您可以将V4组件封装在React提供的<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

组件将只显示任何给定path的第一个匹配子。其他人会展示所有的火柴。