路径匹配两个路径，params和static

Question

简单问题，我有两条路线，当我去/ article / submit时它们都匹配。

<Route path="/article/submit" component={ requireAuth(SubmitArticlePage) } />
<Route path="/article/:articleSlug" component={ ArticlePage } />

我知道我可以在提交路径中添加额外的东西，但我想知道可以做些什么。

谢谢。

Answer 1

<Switch>
  <Route path="/article/submit" exact component={ requireAuth(SubmitArticlePage) } />
  <Route path="/article/:articleSlug" component={ ArticlePage } />
</Switch>

添加精确，并使用开关仅渲染首先匹配的内容。

https://reacttraining.com/react-router/web/api/Route/exact-bool