Switch和exact

Switch和exact

Switch是唯一渲染，也就是只匹配一条路径，他匹配到第一条路径就会停止匹配，立即渲染。（但问题是有可能这个渲染不是我们想要的）

<Switch><Route path="/" component={Index} /><Route path="/login" component={Login}  />
</Switch>

我们如果输入/login，它既匹配/又匹配/login，因为之后匹配第一条，所以渲染出来的是Index组件，不是我们想要的。

exact是精准匹配，也就是只有路径完全相同才会渲染。

所以需要Switch和exact一起使用。

<Switch><Route path="/" component={Index} exact /><Route path="/login" component={Login}  />
</Switch>