Redux reducer के अंदर राज्य का उपयोग कैसे करें?

Question

मेरे पास एक reducer है, और नए राज्य की गणना करने के लिए मुझे कार्रवाई से डेटा की आवश्यकता है और राज्य के एक हिस्से से डेटा भी इस reducer द्वारा प्रबंधित नहीं है। विशेष रूप से, reducer में मैं नीचे दिखाऊंगा, मुझे 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 पास कर सकते हैं और फिर उसे पेलोड के रूप में reducer पर भेज सकते हैं।

Answer 3

आपके विकल्प या तो combineReducers का उपयोग करने के अलावा, और कार्रवाई में अधिक डेटा शामिल करने के अलावा अधिक तर्क लिखने के लिए हैं। रेडक्स एफएक्यू इस विषय को शामिल करता है: http://redux.js.org/docs/faq/Reducers.html#reducers-share-state।

इसके अलावा, मैं वर्तमान में "स्ट्रक्चरिंग रेडुकर्स" के विषय पर रेडक्स डॉक्स में पृष्ठों के एक नए सेट पर काम कर रहा हूं, जिसे आप सहायक पा सकते हैं। वर्तमान डब्ल्यूआईपी पेज https://github.com/markerikson/redux/blob/structuring-reducers-page/docs/recipes/StructuringReducers.md पर हैं।

Answer 4

मुझे पता चलता है कि आप इसे एक्शन निर्माता में पास करते हैं। तो किसी ऐसे स्थान पर आप एक एक्शन निर्माता है कि कुछ इस तरह करता होगा:

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

जगह है जहाँ आप कार्यवाही प्रारंभ में, आप प्रतिक्रिया का उपयोग कर रहे मान, आप

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

का उपयोग करें और कनेक्ट कर सकते हैं प्रतिक्रिया-रेडक्स के कनेक्ट का उपयोग कर अपने प्रतिक्रिया घटक के लिए।

connect(mapStateToProps)(YourReactComponent); 

अब, अपनी प्रतिक्रिया घटक जहां कार्रवाई updateProduct को गति प्रदान में, आप stateOfResidenceId एक आधार के रूप में होना चाहिए, और आप इसे अपनी कार्रवाई निर्माता को पारित कर सकते हैं।

यह गड़बड़ लगता है, लेकिन यह वास्तव में चिंताओं को अलग करने के बारे में है।

Answer 5

आप उपयोग करने का प्रयास कर सकते हैं:

redux-named-reducers

तुम इतनी तरह अपने कोड में कहीं भी राज्य पाने के लिए अनुमति देता है कौन सा:

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