redux-promise-async-actions

是 FSA promise 标准的redux 中间件

使用

1import promiseAsyncMiddleware from 'redux-promise-async-actions';

与 redux-actions 一起使用

支持 FSA actions， 你可以和 redux-actions 一起使用

Async action creators

1createAction('FETCH_THING', async id => {
2  const result = await somePromise;
3  return result.someValue;
4});
5
6
7createAction('FETCH_THING', async id => {
8  const result = await somePromise;
9  return (dispatch, getState) => {
10    dispatch(someData);
11    dispatch(someData2);
12
13    return result.someValue;
14  };
15});
16
17
18createAction('FETCH_THING', id => {
19  return (dispatch, getState) => {
20    dispatch(someData);
21    dispatch(someData2);
22
23    return result.someValue;
24  };
25});
26

与网络请求一起使用API

1import { WebAPI } from '../utils/WebAPI';
2
3export const getThing = createAction('GET_THING', WebAPI.getThing);
4export const getThing = createAction('GET_THING', async (id)=>{
5  const data = await WebAPI.getThing();
6  return data.result;
7});
8export const createThing = createAction('POST_THING', WebAPI.createThing);
9export const updateThing = createAction('UPDATE_THING', WebAPI.updateThing);
10export const deleteThing = createAction('DELETE_THING', WebAPI.deleteThing);