React - react-router-dom 2ルート競合

Question

ここで私の2つのRouteですが、私は/ blogs/new BlogShowコンポーネントにも移動しています。それを防ぐ方法。

<Route path="/blogs/new" component={BlogsNew} /> 
<Route path="/blogs/:id" component={BlogsShow} /> 

Answer 1

<Switch>成分と排他をレンダリングします一致する最初のもので、これら二つの経路をラップ。例えば

このような何か：詳細については

import { Switch, Route } from 'react-router-dom'; 

// ...code 

<Switch> 
    <Route path="/blogs/new" component={BlogsNew} /> 
    <Route path="/blogs/:id" component={BlogsShow} /> 
</Switch> 

そのdocumentationを参照してください。