如果路线发生变化，则更改React组件

Question

我正在使用react-redux-router。 我有以下代码：

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

当我的路线为“/”且路线为“/ product /：id”时，我想在App组件中显示不同的数据。如何在组件App中跟踪路径的变化。

Answer 1

使用react-router-redux的{​​{1}}中间件来保存路由。然后，您可以利用App组件中的syncHistory从connect读取路径名并将其推送到道具。