入れ子になったReduxレデューサーをどのように編成するのですか？

Question

自分のアプリケーションのセクションのための

私の減速が

export const MainReducers = function(state = mapDataToInitialState(), 
action = {}) { 
    switch (action.type) { 
       case Constants.SET_FOO: 
     return update(state, { 

      sheet: { 
      stream: { 
       appeal_0: { 
       issues: { 
        problem1: { 
        foo: { 
         $set: action.payload.foo 
        } 
        } 
       } 
       } 
      } 
      } 
     }); 

     case Constants.SET_BAR: 
     return update(state, { 
      // TODO make reusable for all issues fields 
     sheet: { 
      stream: { 
       person: { 
       issues: { 
        problem1: { 
        bar: { 
         $set: action.payload.bar 
        } 
        } 
       } 
       } 
      } 
      } 
     }); 
    default: return state; 
    } 
}; 

深くネストされたことになるだろうと私は追加するには、これらの多くを持って、どのように私は抽象オブジェクトのネストより良い方法

で私は何かreturn newStateのようなものを考えていました。私は本当に結合型減速機がこのタイプのものであるかどうかはわかりません。 reduxのドキュメントは私が理解するのが難しいので、私は減速器を構成する方法の良い例が必要です。

Answer 1

combineReducersは確かに行く方法です。また、作業を簡単にするために状態を正規化したり平坦化したりすることもできます。

function mapStateToProps(state, ownProps) { 
    return { 
     person: state.people[ ownProps.personId ] 
     issues: state.issues[ ownProps.personId ] 
    }; 
}