redux-async-promise

RSA-compliant actions which resolve when any prop is a promise middleware for Redux.

Install

1npm install redux-async-promise --save

Adding as middleware

1import async from 'redux-async-promise';
2let createStoreWithMiddleware = applyMiddleware(
3  async,
4)(createStore);

Usage

1// action-creators.js
2import { createAction } from 'redux-actions'
3import { $inject } from 'redux-async-promise';
4
5export var fetchXxxxx = createAction('Xxxx',
6  // payload
7  options => ({
8    propA: new ModelA.GET(), // a promise
9    propB: new ModelB.GET(), // a promise
10
11    propC: (propB, propA) => {
12      // 依赖propA, propB，顺序自己定，参数名跟上面要保持一致，否则是undefined
13      // 这个最好提出一个单独的函数，比如 function getPropC (propA, propB) {}
14      // 然后 propC: (propA, PropB) => getPropC(propA, propB)
15      console.log(propA, propB);
16      return new ModelC.GET()
17    },
18    propD: propC => Promise.resolve(propC)
19    
20    // uglifyjs压缩导致依赖丢失的，可以使用$inject来显示注入参数
21    propE: $inject(getPropE)('propD')
22  }),
23
24  // meta
25  options => ({
26    propA: {
27      // 单个请求success, error处理
28      onSuccess(data) {},
29      onError(data) {}
30    },
31    propB: {
32      onSuccess(data) {},
33      onError(data) {}
34    },
35
36    // 最终结果success, error处理
37    success: 'xxxx', // 字符串或者函数 success(data) {}
38    error: 'xxx',    // 字符串或者函数 success(data) {},
39    always(data) {}
40  })
41)
42
43function getPropE(propD) {
44  return Promise.resolve(propD)
45}
46