我对路线组件有些困惑。想象一下,我有两 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/