时间戳

首页 > 解决方案 > React Router - 防止失败？

reactjs - React Router - 防止失败？

问题描述

我认为这可能非常简单。

我定义了以下路线：

<SecureRoute path='/test/:name' component={SpecificTest} />
<SecureRoute path='/test' component={TestList} />

我想根据是否向 :name 提供参数来路由到不同的组件。上面的路由产生了一个包含 BOTHSpecificTest和TestList组件的视图。第一个被击中后如何停止路由处理？

标签： reactjsreact-router

解决方案

我想你会用Switch得到它：

<Switch>
  <SecureRoute path='/test/:name' component={SpecificTest} />
  <SecureRoute path='/test' component={TestList} />
</Switch>

它的作用是渲染第一个匹配的路由。

推荐阅读