Redux reducerの内部の状態にアクセスするには？

Question

私は減速機を持っており、新しい状態を計算するためには、この減速機によって管理されていない状態の一部からのデータとアクションからのデータが必要です。具体的には、私が下に示す還元剤では、accountDetails.stateOfResidenceIdフィールドにアクセスする必要があります。

initialState.js：

export default { 
    accountDetails: { 
     stateOfResidenceId: '', 
     accountType: '', 
     accountNumber: '', 
     product: '' 
    }, 
    forms: { 
     blueprints: [ 

     ] 
    } 
}; 

formsReducer.js：

import * as types from '../constants/actionTypes'; 
import objectAssign from 'object-assign'; 
import initialState from './initialState'; 
import formsHelper from '../utils/FormsHelper'; 
export default function formsReducer(state = initialState.forms, action) { 
    switch (action.type) { 
    case types.UPDATE_PRODUCT: { 
     //I NEED accountDetails.stateOfResidenceId HERE 
     console.log(state); 
     const formBlueprints = formsHelper.getFormsByProductId(action.product.id); 
     return objectAssign({}, state, {blueprints: formBlueprints}); 
    } 

    default: 
     return state; 
    } 
} 

index.js（ルートリデューサ）：

import { combineReducers } from 'redux'; 
import accountDetails from './accountDetailsReducer'; 
import forms from './formsReducer'; 

const rootReducer = combineReducers({ 
    accountDetails, 
    forms 
}); 

export default rootReducer; 

このフィールドにはどのようにアクセスできますか？

Answer 1

私はこのためthunkを使用することになり、ここでの例です：

export function updateProduct(product) { 
    return (dispatch, getState) => { 
    const { accountDetails } = getState(); 

    dispatch({ 
     type: UPDATE_PRODUCT, 
     stateOfResidenceId: accountDetails.stateOfResidenceId, 
     product, 
    }); 
    }; 
} 

は基本的にあなたがアクションに必要なすべてのデータを取得し、その後、あなたはあなたの減速にそのデータを送信することができます。

幸運を祈る！

Answer 2

アクションをディスパッチする際に、パラメータを渡すことができます。この場合、アクションにaccountDetails.stateOfResidenceIdを渡し、ペイロードとしてレデューサーに渡すことができます。

Answer 3

あなたのオプションは、combineReducersの使用だけでなく、より多くのロジックを書き込むか、アクションにさらにデータを含めることです。 Reduxのよくある質問は、http://redux.js.org/docs/faq/Reducers.html#reducers-share-stateです。

また、私は現在、Reduxドキュメントの「Structuring Reducers」のトピックに関する新しいページセットに取り組んでいます。これは役に立つかもしれません。現在のWIPページはhttps://github.com/markerikson/redux/blob/structuring-reducers-page/docs/recipes/StructuringReducers.mdです。

Answer 4

私はあなたをアクションクリエイターに渡すことをお勧めします。あなたは

function mapStateToProps(state, ownProps) { 
    return { 
    stateOfResidenceId: state.accountdetails.stateOfResidenceId 
    } 
} 

を使用して接続することができ、あなたが反応し使用していると仮定し、アクションをトリガーする場所で

updateProduct(arg1, arg2, stateOfResidenceId) { 
    return { 
    type: UPDATE_PRODUCT, 
    stateOfResidenceId 
    } 
} 

： だから、どこか、あなたはこのような何かをするアクションの作成者を持っていますreact-reduxの接続を使用して反応コンポーネントに接続します。

connect(mapStateToProps)(YourReactComponent); 

さて、あなたはあなたがアクションupdateProductをトリガーするコンポーネントを反応させるには、あなたが小道具としてstateOfResidenceIdを持つべきである、とあなたは、アクションの作成者に渡すことができます。

それは複雑に聞こえますが、それは本当に懸念の分離です。

Answer 5

あなたは、使用しようとすることができます：

は

const localState1 = getState(reducerA.state1) 
const localState2 = getState(reducerB.state2)