redux中间件

常用的redux中间件

redux-logger:能工在控制台清晰的展示出当前redux操作的流程和信息(原因状态,派发信息,修改后的状态信息)
redux-thunk:处理异步的dispatch派发

thunk使用语法:在指定执行派发任务的时候等待完成异步后再派发
return async dispatch =>{//dispatch是thunk自动传给我们的参数
    dispatch({
        type:TYPE...,
        data:await promise();//当值为一个异步操作需要用async await 处理异步,不然dispatch发送给reducer时并没有获取到数据
    })
  }

redux-promise:在dispatch派发的时候支持promise操作,同样处理异步派发

promise操作
async adduser(){//这是一个action方法,执行这个方法dispatch对应的行为,同样的我们需要用到async await 来处理异步
  return {
    type:TYPE...,
    date:await promise();
  }
}

redux提供的方法

createStore => 创建Store容器
applyMiddleware => 添加中间件在创建容器时使用
combineReducers => 合并所有reducer

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

推荐阅读更多精彩内容

  • 前言 最近几天对 redux 的中间件进行了一番梳理,又看了 redux-saga 的文档,和 redux-thu...
    Srtian阅读 33,129评论 9 40
  • 一、中间件的概念 redux是有流程的,那么,我们该把这个异步操作放在哪个环节比较合适呢? Reducer?纯函数...
    java高并发阅读 2,635评论 0 0
  • 前端开发React用的很多,但它只是一个view,涉及到复杂的功能时就必须要用到Redux/Mobx等状态管理器,...
    老鼠AI大米_Java全栈阅读 4,256评论 1 3
  • Redux提供了非常强大的数据流管理功能,是一个可预测的状态容器,解决数据在 React 应用中的流动方式及过程 ...
    sarah_wqq阅读 11,321评论 0 1
  • (大家好!我是怡璇!这是我每天一篇文章的第18篇。) 心灵犹如我们看不见的黑洞,无形无相,不知深浅与冷暖。...
    怡璇阅读 4,272评论 0 1