Comment rendre un composant spécifique lors d'un changement de route à l'aide de React Router 4?

Question

Je suivant la route,

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

question

est quand je vais à /new la route, Post composant se rend aussi bien avec NewPost composant. Comment éviter cela?

Answer 1

Je devais enrouler l'itinéraire à l'intérieur du composant. Ça a marché.

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>