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 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...