redux

一、同步数据流动

同步数据流动.png

二、异步数据流动

异步数据流动.png

说明:应用 middleware 后 redux 处理事件的逻辑,每一个 middleware 处理一个相对独立的业务需求,通过串联不同的 middleware,实现变化多样的的功能。
用法:

const store = createStore(
  reducer,
  applyMiddleware(thunk, promise, logger)
);

三、理解middleware机制
因为dispatch一个action就会立即更新State并触发react刷新,当有异步请求时,就根据请求的状态(一般会有两个状态,请求数据,接收数据),每个状态会分别触发一个dispatch,从而更新State,并触发react刷新。

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

推荐阅读更多精彩内容

  • http://gaearon.github.io/redux/index.html ,文档在 http://rac...
    jacobbubu阅读 80,165评论 35 198
  • 学习必备要点: 首先弄明白,Redux在使用React开发应用时,起到什么作用——状态集中管理 弄清楚Redux是...
    贺贺v5阅读 12,887评论 10 58
  • 初期参加工作开发项目时,使用React Native + Flux进行手机应用跨平台开发,在上一篇博文中数据流架构...
    乐帅阅读 4,166评论 0 2
  • 前言 Redux 架构是 Flux 架构的一个变形,相对于 Flux,Redux 的复杂性相对较低,而且最为巧妙的...
    KenChoi阅读 13,383评论 4 30
  • 大概五六年级吧 那时候我胆子特别小,很怕有纹身的人,特别是大面积的,有一次我在便利店买东西,推门推不开,一个胳膊花...
    曹小怪阅读 1,436评论 0 0