react总结之异步的action

开发中避免不了使用请求,这个时候就会涉及的处理异步的问题,在react中我们在使用action的时候遇到异步的问题一般会使用中间redux的中间件(applyMiddleware)来处理,使用起来也很简单,下面做一个简单的使用步骤

安装redux-thunk

npm install redux-thunk

传入中间件

export default createStore(reducers, applyMiddleware(thunk));

使用setTimeout在action中模拟异步请求

const httFun = (id) => {
    return {
        type: actionType.CART_MULIT,
        payload: {
            id:id
        }
    }
}
export const decrement = (id) => {
// 收到处理dispatch
   return (dispatch) => {
       setTimeout(() => {
            dispatch(httFun(id))
       }, 2000);
   }
}

总结

使用起来非常的简单,首先引入thunk,然后在action中使用dispatch手动处理action就可以了