mapStateToPropsの呼び出しが間違った状態オブジェクトを渡すように見える

Question

私は最初のReact-Reduxアプリケーションを開発中です。

これは私の減速のコード（私は1つしかない）である。

const CalculationsReducers = (state = {}, action) => { 
    switch (action.type) { 
     case CalculationsActions.LOAD_CALCULATIONS: 
      return Object.assign({}, state, { 
       calculations: [{ 
        id: 'abc', 
        name: 'test', 
        date: 'test', 
        status: 'in progress' 
       }] 
      }); 
     default: 
      return state; 
    } 
}; 

これは私が（接続して使用し、私の 'mapStateToProps' 関数のコードである）

const mapStateToProps = (s) => { 
    return { 
     calculations: s.calculations ||[] 
    }; 
}; 

ときIタイプLOAD_CALCULATIONSのアクションをディスパッチすると、（反応ロガーを使用して）ログトレースを見ることができますが、状態オブジェクトは私にとって非常に奇妙なようです。誰かが私のエラーを私に指摘できますか？

log trace using react-logger

Answer 1

ワークフローは、私にはよさそうです。状態オブジェクトもうまく見えますが、エミュレータをインポートするときにエイリアスを変更して、店舗を構成し直しやすくすることができます。あなたのconfigureストアファイルで

：それはデフォルトとしてCalculationReducerをエクスポートする必要があること

import calculations from 'reducers/CalculationReducer'; 

注意。状態オブジェクトにCalculationReducerの代わりにcalculationsが表示されます。

あなたの行動には​​がありますが、レデューサーでは決して扱われていないことがわかりました。状態オブジェクトに必要な場合は、action.payloadを使用してレデューサーで処理します。