React Router 4を使用して経路を変更するときに特定のコンポーネントをレンダリングする方法は？私はルートを以下している

Question

、

<Route exact path ='/' component={Posts} /> 
<Route exact path ='/:category' component={Posts} /> 
<Route exact path ='/new' component={NewPost} /> 

問題は、私が/newルートに行くとき、PostコンポーネントがNewPostコンポーネントと一緒にだけでなく、レンダリングばかりです。それを避ける方法は？

Answer 1

コンポーネントをルート内にラップする必要がありました。出来た。

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

<Switch> 
    <Route exact path ='/' component={Posts} /> 
    <Route exact path ='/:category' component={Posts} /> 
    <Route exact path ='/new' component={NewPost} /> 
</Switch>