React Router与路径不匹配

Question

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

看那是我的索引路线。当我去帖子或回复路线

时会发生这种情况

Answer 1

好的，首先，您似乎正在使用不必要的路由器组件，您可以在此处查看原因：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声明

中