パスは両方のルート、パラメータ、およびスタティックと一致しています

Question

簡単な問題、私は/ article/submitに行くと2つのルートを持っています。

<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> 

exactを追加し、スイッチを使用して最初に一致するものだけをレンダリングします。

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