3/2-1

combineReducers

  • reducerが複数ある場合に困る
    • reducerが複数あるのは別々の減り方をするときなど

 

reduxをインストールする

  • npm install reduc react-redux

 

ファイル構成

  • src
    • reducers
      • index.js
      • actionTypes.js
      • reducerMeat.js
      • reducerVegetable.js

 

 

  • index.js
    • combinereducersを用いて幾つかのreducerをまとめる
  • actiontypes
    • デバックの簡素化のためにここで状態を定義しておく
  • reducerMeat.js
    • 肉の減り方（状態）を管理するreducerを定義する
  • reducerVegetable.js
    • 野菜の減りかた（状態）を管理するreducerを定義する

 

  • うまく使えそうな機能なのでテンプレート化しておくのは良いかもしれない