在react中全局使用redux

在之前的项目中用到了react
因为之前也用到了全局变量,了解到了redux
但是受vuex的影响,一直想把redux在全局中使用,便把store绑到了window上

redux.js

import { createStore } from 'redux';
const initialState = {
  str:"hello word"
}

const reducer = (state = initialState, action) => {
    switch (action.type) {
        case "test":
          console.log(action)

        default:
            return initialState;
    }
}
let store = createStore(reducer);
window.$store = store;

然后在App.js中引入redux.js

在index.js中

import "./redux/redux.js"

接下来就可以在全局中使用啦

在任意js中

window.$store.getState()   //可以直接获取到当前的initialState的数据状态
//执行事件

window.$store.dispatch({type:"test",text:"我是test事件传递的数据"})

教程简陋,有什么不明白的可以在评论提问

以上。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文将开始详细分析如何搭建一个React应用架构。 一. 前言 现在已经有很多脚手架工具,如create-reac...
    字节跳动技术团队阅读 4,392评论 1 23
  • 前言 如果要看理论的童鞋点击这里 redux中文文档 或者 redux官方文档 ,本文不会太刻意去介绍大篇幅的理论...
    giants_one阅读 10,074评论 1 49
  • [toc] REACT react :1.用来构建用户界面的 JAVASCRIPT 库2.react 专注于视图层...
    拨开云雾0521阅读 1,478评论 0 1
  • 看到这篇文章build an image gallery using redux saga,觉得写的不错,长短也适...
    smartphp阅读 6,201评论 1 29
  • 摄影/文/笔芯儿 一个人在小区散步,耳朵时常有音乐相陪,偶尔是鸟鸣环绕;眼睛自然不孤独,处处美景作伴…… 喜欢大地...
    01零壹阅读 705评论 4 11