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

问题描述

问 题

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

解决方案

假设已有类似如下代码

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

这篇关于javascript - react+redux的项目 如何在js中获取全局的redux的store的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！