hook redux

1- class组件 使用不方便  使用成本高    hooks 直接就可以实现类似class组件的功能  (定义状态 设置状态  等)

2- 可以实现组件的复用

 

为什么要使用redux  ? ---------------------->数据状态管理   ------>  更加方便的获取数据  修改数据

react框架适用于大型开发项目   组件和数据较多,且组件之间需要通信  会导致 数据  难以维护 

 数据是放在state中维护还是redux中维护?

多个组件都需要用到的数据   跨层级较多的   数据很分散   用redux来管理数据比较好。

 

 

redux-saga

redux-sage是什么

  • redux的中间件, 可以控制异步请求流程,包括三种状态:开始/暂停/取消

redux-saga实现方案

  • 基于es6 的迭代器、生成器

redux-saga执行流程

  • 用户点击按钮->请求数据->中间件开启异步调用

目的

  • 异步获取数据和UI解耦
  • 数据相关的业务逻辑从action.js中和组件解耦

 

redux-saga是一个redux中间件,主要用来处理程序副作用,比如异步请求。它基于generator,使用同步代码的方式来控制复杂的异步流程,并且很方便测试。

和redux-thunk的区别在于,由于使用了generator,可以用同步的写法完成异步任务,而且方便测试。

 

参考   https://github.com/frontend9/fe9-library/issues/26

posted @ 2021-09-05 14:44  一个动态类型的幽灵  阅读(52)  评论(0编辑  收藏  举报