react+redux的项目 如何在js中获取全局的redux的store

我想在某个普通js中拿到全局的redux的store 但是我在window对象下没有找到store 如果store没有被存在全局变量中 那么在一个非react组件的普通js文件中如何拿到store呢?

阅读 9.9k
2 个回答

假设已有类似如下代码

let store = createStore(reducers);

那么store为一个对象,其是如下的结构

     {
        //执行createStore其实返回的就是这些东东
        dispatch,       //触发action去执行reducer,更新state
        subscribe,     //订阅state改变,state改变时会执行subscribe的参数(自己定义的一个函数)
        getState,      //获取state树
        replaceReducer,       //替换reducer
        [$$observable]: observable         
        //redux内部用的,对我们来说没用 
    }

如果你需要实时监控其改变,就

store.subscribe(() => {
    let state = store.getState();   //这就是你获取到的数据state tree,由于使用了subscribe,当数据更改时会重新获取
});

如果你不需要监控其改变

store.getState();  //这就是你获取到的数据,当数据更改时不会重新获取

存储数据来源于createStore这个函数,其内部定义了currentState变量。并且提供getState来获取

currentState数据,提供subscribe来监控currentState

详细参考我的这篇文章:https://segmentfault.com/a/11...

在入口时获取state 然后保存

store.subscribe(() => {save(store.getState());});
监听state变化 实时更新保存数据。
将保存是数据作为全局对象导出就可以了

推荐问题
宣传栏