我对路线组件有些困惑。想象一下,我有两 strip 有自己路径的路线:

<Route path='/person/add' exact component={PersonForm}/>
<Route path='/person/:id' exact component={PersonView}/>

/ person / add 应该显示一个可以在其中创建新Person的表单 / person /:id 应该显示具有给定id的人。

问题>>如果导航到 / person / add ,它还将显示 / person /:id 的组件,因为字符串“add”对“:id”有效。

有办法避免这种情况吗?例如,告诉:id应该是一个数字?

最佳答案

找到了可能的解决方案:您可以使用在路线周围切换。然后,它将仅在第一个匹配的匹配。

<Switch>
  <Route path='/person/add' exact component={PersonForm}/>
  <Route path='/person/:id' exact component={PersonView}/>
</Switch>

关于javascript - 按类型在React Router中排除路径参数的值,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47705126/

10-12 13:01
查看更多