在调度其他特定动作后调度一个动作，并等待状态因前两个动作而改变

Question

我正在尝试在其他两个动作被调度后调度一个动作并且状态因为这些动作而改变。我已经阅读了有关redux-saga 的信息，但如果可能的话，我真的很期待在没有它的情况下这样做（目前我们正在使用redux-thunk）。

我正在采用与 Dan Abramov 在此处提出的方法类似的方法：https://github.com/reduxjs/redux/issues/723#issuecomment-139927639。

动作正在以正确的顺序执行，但then() 中的动作在之前由于改变状态的函数 firstActionDispatcher 而改变状态。

我正在使用一个 promise.all 使用下一个方法：

export const getData = categoryId => (dispatch, getState) => {
    const state = getState();
    const elements = state.categories && state.categories.elements && state.categories.elements[categoryId];

    if (elements && elements.withMetadata) {
        return false;
    }

    return Promise.all([
        dispatch(firstActionDispatcher(categoryId)),
        dispatch(secondActionDispatcher)
    ])
    .then(() => dispatch({ type: THIRD_ACTION, data: Id }))
    .catch(error => window.newrelic.noticeError(new Error(`[Error] ${error}`)));
};

更新说明 1：firstActionDispatcher 正在返回一个承诺，secondActionDispatcher 也是如此，

我已经为此苦苦挣扎了几天。

Answer 1

如果您查看您提供的代码的 sn-p，您正在这样做：

return Promise.all([
    dispatch(firstActionDispatcher(categoryId)),
    dispatch(secondActionDispatcher)
])
.then(() => dispatch({ type: THIRD_ACTION, data: Id }))

请注意，secondActionDispatcher 未被调用。我不确定这是否是一个错字，但您可能应该这样做：

return Promise.all([
    dispatch(firstActionDispatcher(categoryId)),
    dispatch(secondActionDispatcher())           // Notice the function call
])
.then(() => dispatch({ type: THIRD_ACTION, data: Id }))