simplify-action-middleware
简化对redux异步action的处理中间件,兼容其他异步处理中间件,thunk等...
install:
npm install simplify-action-middleware
Tips
如果对于options配置项有更多需求的可以提issues,大家一起丰富。
Usage simplify-action-middleware
;
redux中间件的目的是在action阶段做一些处理,用来增强dispatch的能力 所以我们在创建sotre的时候注入中间件,并且与其他中间件兼容,开发这个中间件的目的是为了简化 action过程的一些操作,同时处理了异步action,在对现有项目改造阶段同时引入 thunk和simplify, 是为了兼容两种不同对于异步action的处理方式,并不会引起冲突; options 是一个配置对象,用来传入一些外部的函数处理一些异常 exp:session超时的处理、 或者一些模态框函数、
var store = ;
这是一个注入到页面的action,使用simplify后就这么精简就可以了,区别之前繁琐的aciton构造, 提高开发效率,让开发者专注于业务组件和数据流的设计而不用关心框架其他方面。 当然这个返回的对象也是可以配置的,
const searchTreatCases = { return url:'../patient/patientCaseSearch' data:"params":JSON types:'SEARCHTREAT_START''SEARCHTREAT_SUCCESS'null } 配置对象:configObj : url types //为三种不同类型action状态,分别为开始请求、请求成功、请求失败,没有的类型请用''或null代替 method //post data async //默认true timeout//默认最大值 Number.MAX_VALUE contentType // 默认 "application/x-www-form-urlencoded;charset=utf-8;"
只需要传入一些请求必须的参数; 目前我们仍引用了juqery库作为web请求的库(import $ form ‘jquery’), 后期随着项目的改进可改为fetch等库。
future
对于瞬间请求过多的情况下、以后考虑加入requestMQ特性
develop
1、npm install 2、npx babel src --out-dir lib 3、npm publish