Redux-调用动作中的函数链还是减速器？

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减速机中，然后从那里调用下一个函数？

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

假设减速器中的调度操作是反模式的，这是正确的。在这篇文章中，这些原因被简洁地提到了。

从Redux留档：

在减速器内不应该做的事情：

改变它的论点；

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

（调用非纯函数，例如Date.now（）或Math.random（）。

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

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