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
属性接受一个导航描述对象,可以用来代替当前地址来进行更加详细匹配。