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 
    } 
} 

2番目のアプローチは、スパゲッティコードにつながるアンチパターンのように見えます...多分私は間違っていますか？

Answer 1

リデューサーのディスパッチアクションがアンチパターンであると仮定しても問題ありません。理由はかなり簡潔にin this postと言われています。 Reduxのドキュメントから

：あなたは減速機内部でやるべきではありません

もの：

は、その引数を変異させます。

APIコールやルーティング移行などの副作用を実行します。

（非純粋関数を、例えばDate.now（）または Math.random（）を呼び出します。

[...]今のところ、ちょうど減速が 純粋でなければならないことを覚えておいてください。考えます同じ引数、それは次の状態を計算しないと それを返す必要があります。何の驚きを。副作用なしAPIコールなし変異。 だけで計算。

あなたは避けるように非同期フローを処理するためにRedux-Sagaに見ることができます最初のexaに表示されるアクションのコールバック地獄mple。