redux Redux-thunk:基础知识
示例
虽然redux本身是完全同步的,但是您可以使用中间件redux-thunk来处理异步操作。
“thunk”是回调的另一个名称。该函数通常作为参数传递,以便以后调用。
要使用,请将中间件应用于您的redux存储:
import ReduxThunk from 'redux-thunk';
const store = createStore(
reducer,
applyMiddleware(ReduxThunk)
);这使您可以将thunk传递给dispatch而不是普通对象。中间件将识别该重击并将其调用。thunk将商店的dispatch方法作为参数:
// an asynchronous action - "thunk"
//这将等待1秒钟,然后调度“INCREMENT”操作
const delayedIncrement = dispatch => setTimeout(() => {
dispatch({
type: 'INCREMENT'
});
}, 1000);
//派遣重击
//注意:no(),因为我们正在传递函数本身
store.dispatch(delayedIncrement);