redux-async-await

redux middleware deal with es7 async/await syntax action and promise action

install

npm i -S redux-async-await

usage

1// apply middleware
2import {createStore, applyMiddleware} from 'redux';
3import asyncAwait from 'redux-async-await';
4const store = applyMiddleware(asyncAwait)(createStore)(yourRootReducer);
5
6------------
7// **actions.js**
8// use async/await
9export async function getInfo(id){
10  const data = await fetch('/getUserInfo/' + id).then(res => res.json())
11  return {
12    type: 'GET_USERINFO',
13    data
14  }
15}
16export function getList(){
17  return fetch('/getList').then(res => res.json()).then(data => ({
18    type: 'GET_LIST',
19    data
20  }))
21}
22
23----------------
24// dispatch
25try{
26  const data = await store.dispatch(getInfo(20)) // if resolve, data === action.data
27} catch(e) {
28  console.log(e) // if reject
29}
30