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;
    }
}
发布了18 篇原创文章 · 获赞 0 · 访问量 362

猜你喜欢

转载自blog.csdn.net/weixin_39788999/article/details/104177236
今日推荐