Question

我在React Router v4中的此路径有问题。

  <Switch>
    <Route exact path='/users' component={ListRoute} />
    <Route exact path='/users/:id' component={ShowRoute} />
    <Route path='/users/:id/edit' component={EditRoute} />

    <Route component={NotFound} />
  </Switch>

如果我尝试进入/ users / 4或/ users / 4 / edit，则找不到。也许与精确有关，或者我做错了路径

Answer 1

您可以改用以下方式：

<Route path='/users/editUser/:id' component={EditRoute} />

这将永远有效！

Answer 2

出现此错误是因为您将同时渲染/users/:id和/users/:id/edit，我要做的是将第一个替换为/users/user/:id，将梯形图替换为users/edit/:id，这样，您一次只能渲染一个组件，并且可以避免多个错误。

反应路由器路径和嵌套路径不起作用

2 个答案: