开发中避免不了使用请求,这个时候就会涉及的处理异步的问题,在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就可以了