Redux Flow 数据流理解

在这里插入图片描述
redux 数据流解释:
1、React components 是react的组件库
2、Store是一个大仓库, 用于存储公用的数据,一个项目只用一个store,放在最外层App.js,所有子组件都可以调用
3、Action(意思:行动) 所有的事件都放在action里面,通过dispatch方法执行到store,store里面都是数据,
4、Reducers (是一个纯函数)
store和reducer之间的通信:store把当前这一级或者上一级state及action传给reducer,reducer本身是一个纯函数,它在里面做一些操作,返回一个新的state给store

补充:
1、什么是reducer ?
reducer就是一个纯函数,接收旧的state和action,返回新的state
2、什么是纯函数?
1)如果函数调用的参数相同,则永远返回相同的结果,它不依赖外部任何的数据,只依赖于传入的参数。
2)该函数不会产生任何可观察的副作用,如网络请求,输入和输出设备或数据突变(mutation)。
参考:http://www.imooc.com/article/259562?block_id=tuijian_wz
如下:cusReducer就是一个纯函数,只依赖于传入的state,action值

function cusReducer(state = 0, action) {
    switch (action.type) {
        case 'add':
            return state + 1;
        default:
            return state;
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值