Question

React Router 与路径不匹配

2017-11-21

2289

reactjs react-router

这是我的路由配置，当我访问索引路由“/”时，它工作正常，但当我访问/posts 和/response 路由时，它无法解析它。

看看这是我的索引路由。当我转到帖子或回复路线时会发生这种情况

Answer 1

好的，首先，您似乎使用了不必要的 Router 组件，您可以在此处检查原因： https://reacttraining.com/react-router/web/api/Router

此外，您可以将路由包装在 Switch 组件中，但您必须更改它们的顺序，因为 Switch 仅呈现与给定路径匹配的第一个路由。您可以在此处阅读有关更多信息 https://reacttraining.com/react-router/web/api/Switch 。因此你的路线定义将会变成这样：

<Switch>
    <Route path="/r1" render={() => <h1>route 1</h1>} />
    <Route path="/r2" render={() => <h1>route 2</h1>} />
    <Route exact path="/" component={SomeComponent} />
 </Switch>

Answer 2

尝试将所有 3 个 Route 包装在 Switch 语句中

Davi DeBarros

2017-11-21