reactjs – 如何从反应路由器onEnter hook连接到redux存储?

当路由加载时,我想使用反应路由器的onEnter钩子来检查我的redux存储中的一个变量.

根据文档,onEnter:

…receives the next router state as its first argument. The replaceState function may be used to trigger a transition to a different URL.

没有商店过去是否可以从此钩子连接到redux存储区?我已经尝试过各种各样的事情,但找不到一种方法来实现这一点.

我使用的版本:

"react-redux": "^4.0.0",
"react-router": "1.0.0-rc1",
"redux": "^3.0.0",
让您路由一个使存储在参数中的函数

export default (store) => {
 return (
  <Route handler={App} path="/">
    <Route path="mypath" component={handler} onEnter={myHook(store)}>
  <Route>
 )
};

在你的过渡挂钩中也一样

export const myHook = (store) => {
  return (location, replaceWith) => {
    // Do something with your store
  }
};

然后假设您在同一个文件中创建您的商店和路由器

const router = (
            <Provider store={store}>
                <Router history={history}>
                    {routes(store)}
                </Router>
            </Provider>
        );
相关文章
相关标签/搜索