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);