在React Router中,你可以使用
<Switch>
元素来匹配路径。 默认情况下,它只会匹配第一个与当前URL匹配的路由。 你可以在路由中嵌套
<Switch>
元素,以便对不同的路径进行分组匹配。
<Switch>
<Route exact path="/">
<Home />
</Route>
<Route path="/about">
<About />
</Route>
<Route path="/users">
<Switch>
<Route path="/users/:userId">
<User />
</Route>
<Route path="/users">
<Users />
</Route>
</Switch>
</Route>
</Switch>
在此示例中,当URL为/users
时,将渲染<Users>
组件;当URL为/users/:userId
时,将渲染<User>
组件。