react redux-saga

https://redux-saga-in-chinese.js.org/

redux-saga是一个用于管理redux应用异步操作的中间件,redux-saga通过创建sagas将所有异步操作逻辑收集在一个地方集中处理,可以用来代替redux-thunk中间件。

  • reducer负责处理action的stage更新
  • saga负责协调那些复杂或者异步的操作
  • saga是通过generator函数来创建的
  • saga可以被看作是在后台运行的进程。sagas监听发起的action,然后决定基于这个action来做什么 
  •  

     

    安装saga中间件

    npm i -S redux-saga

  •  

     

    项目根目录下面的index.js文件中引入store

  •  

     

    在store/index.js文件中引入中间件

  •  

     

    在组件中发起请求

  •  

     

    action定义

  •  

     

    定义监听处理sagas.js中代码

  •  

     

    reducer中处理

  •  

     

相关文章

一、前言 在组件方面react和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...