在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事件传递的数据"})

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

以上。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前言 如果要看理论的童鞋点击这里 redux中文文档 或者 redux官方文档 ,本文不会太刻意去介绍大篇幅的理论...
    giants_one阅读 10,164评论 1 49
  • [toc] REACT react :1.用来构建用户界面的 JAVASCRIPT 库2.react 专注于视图层...
    拨开云雾0521阅读 1,552评论 0 1
  • 看到这篇文章build an image gallery using redux saga,觉得写的不错,长短也适...
    smartphp阅读 6,320评论 1 29
  • 摄影/文/笔芯儿 一个人在小区散步,耳朵时常有音乐相陪,偶尔是鸟鸣环绕;眼睛自然不孤独,处处美景作伴…… 喜欢大地...
    01零壹阅读 745评论 4 11
  • 小鸡得救了 一天,小鸡在一片空地上和小猴子、小象一起玩儿“抓人”的游戏。刚跑几步,只听“砰”的一声,把他们吓得...
    心林心心公主阅读 351评论 0 0

友情链接更多精彩内容