React-类组件仓库-Redux

创建两个文件

src/store/store.js

首先在store.js文件中创建默认数据,然后定义reducer函数,让后面引入index.js文件的其他文件,在使用store.dispatch的时候能够使用,

store.dispatch(props)就是将props传入到reducer中的action,而reducer中的state就是数据,在index.js文件中可以看出,最开始是undrfined的,然后令他等于defaultsate就是默认数据,然后其返回值,也会改变数据仓库的默认值,

store.subscribe()就是对数据进行监听,数据,改变了就执行,可以返回一个函数,进行解除监听。

import {createStore} from "redux";
const defaultState ={
    username:"小明",
    arr:["a","b","c"]
}

const reducer = function (state=defaultState,action) {
    console.log(action.value)
    console.log(state)
    if(action.type=="hello"){
        state.username=action.value
    }
    else if(action.type=="hi"){
        state.username="名字"
    }
    state = JSON.parse(JSON.stringify(state))
    console.
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值