/ / Changer le composant de réaction si la route change - reactjs, react-router, redux

Changer le composant de réaction si la route change - reactjs, react-router, redux

J'utilise react-redux-router. J'ai le code suivant:

<Router history={hashHistory}>
<Route path="/" component={App}>
<IndexRoute component={Home} />
<Route path="/product/:id" component={Product} />
</Route>
</Router>

Je souhaite afficher dans le composant d'application différentes données lorsque mon itinéraire est "/" et lorsque mon itinéraire est "/ product /: id". Comment puis-je suivre le changement de route dans le composant App.

Réponses:

1 pour la réponse № 1

Utilisation react-router-redux"s syncHistory middleware pour garder la route en magasin. Ensuite, vous pouvez utiliser connect dans le composant App pour lire le chemin depuis state.routing.location.pathname et le pousser aux accessoires.