如果路由更改，请更改 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 的syncHistory 中间件来保存路由。然后你可以在App组件中使用connect从state.routing.location.pathname中读取路径名并推送到props。