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

Question

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

Answer 1

假设已有类似如下代码

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...

Answer 2

在入口时获取state 然后保存

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