路径匹配两个路由，参数和静态

Question

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

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

我知道我可以在提交路径中添加一个额外的 /something，但我想知道有什么解决方法。

谢谢。

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

路径匹配两个路由，参数和静态

Path is matching both routes, with params, and static

reactjs

react-router

react-router-v4