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