Redux - 调用一系列函数或reducer？

Question

我有一个逻辑问题，我是否应该调用多个函数来响应动作中的每个回调：

export const myAction= () => (distaptch, getState) => {
    callFunctionA(function(e){
        if(e){
            dispatch(eventA(e));

            callFunctionB(function(e){

                dispatch(eventB(e));

                callFunctionC(function(e){

                    dispatch(eventC(e));
                });
            });
        }
    });
}

或者我可能想将这些调用移动到 redux reducer 并从那里调用每个 next 函数？

const reducer = (state={}, action) => {
  switch (action.type) {
    case 'EVENT_A':

      callFunctionB(action.e);

      return state;
    case 'EVENT_B':

        callFunctionC(action.e);
        return state;   
    default:
      return state
  }
}

在我看来，第二种方法就像是导致意大利面条代码的反模式......也许我错了？

Answer 1

您认为在 reducer 中调度操作是一种反模式是正确的。原因很简洁in this post.

来自 Redux 文档：

你不应该在 reducer 中做的事情：

改变它的参数；

执行 API 调用和路由转换等副作用；

(调用非纯函数，例如 Date.now() 或 数学随机（）。

[...] 现在，请记住减速器必须是 纯的。给定相同的参数，它应该计算下一个状态和 把它返还。没有惊喜。没有副作用。没有 API 调用。没有突变。 只是一个计算。

您可以查看Redux-Saga 来处理异步流，以避免您在第一个示例中显示的操作的回调地狱。