redux-any

一个redux中间件

a middleware for processing action like function,promise,and array or nested array

用来处理各种类型的action，包括函数类型，promise类型，数组类型或者嵌套数组类型。

1.function 
2.Promise
3.action.payload=promise
4.action array
5.nested array of action

Our middleware is based on redux-promise and redux-thunk .Our middlewrae enhances and combines these two middlewares so that it can processes many kinds of actions like function,promise,and array,in addition,we finish the nested array iteration

我们的中间件是在redux-promise 和 redux-thunk这两个中间件的基础上进行开发
本中间件是对以上两个中间件的合并和增强.
具体来说，只需要引入本中间件，就可以dispatch各种形式的action.
包括:
函数形式
promise对象
对象中的payload是promise对象
以及由上面三种action组成的数组
以及嵌套数组 
本中间件可以方便我们处理以各种形式呈现的action对象,只需要引入本中间件就可以满足多种action类型需求。

Usage:

 npm i redux-any redux react-redux --save 

 import anyMiddleWare from 'redux-any'
 import {  createStore, applyMiddleware,compose} from 'redux';
 import reducer from './store';

 const store = createStore(reducer, compose(
    applyMiddleware(anyMiddleware),
 ))

The actionCreator that we support:

// Function  支持异步函数
export const getFunctionAction = () => {
    return dispatch => {
        setTimeout(() => {
            dispatch({ type: ADD })
        }, 1000);
    }
}

//Promise Object 支持Promise对象
export const addBook = async ({ name }) => {
    //_addBook({name}) 是一个axios接口
    const res = await _addBook({ name })
    return { type: 'ADD'，payload:res.data.data }
}

//aciton.payload=Promise Object  支持对象的payload属性为Promise对象
export const payloadAction = async () => {
    return {
        type: 'ADD',
        payload: await addBook()
    }
}

//action array 支持数组形式的action，
export const actionArray = () => {
    return [addBook(),payloadAction(),{type:'ADD,payload:1},getFunctionAction()]
}

//action nested array 支持嵌套数组形式的action，
export const actionNestedArray = () => {
    return [addBook(),payloadAction(),[{type:'ADD,payload:1},getFunctionAction()]]
}