Switch

Switch 组件主要功能是用来对 Route 进行分组。Switch 组件将会仅渲染其子组件中首个匹配的 Route。

<Switch>
  <Route exact path="/" component={Home} />
  <Route path="/about" component={About} />
  <Route path="/:user" component={Profile} />
</Switch>;

在以上示例中,当目前地址为/about时,将只会渲染组件About,并不会渲染Profile,虽然/:user也可以完成匹配。

Switch 组件还可以使用location属性接受一个导航描述对象,可以用来代替当前地址来进行更加详细匹配。