combineReducers कोड को तोड़ने के लिए

Question

यह धागा मैं here

तैनात समस्या निवारण की बहुत बाद मैंने पाया कि इस कोड को किसी भी समस्याओं

import React from 'react'; 
import { createStore, combineReducers, applyMiddleware } from 'redux'; 
import createLogger from 'redux-logger'; 
import thunkMiddleware from 'redux-thunk'; 
import { Provider } from 'react-redux'; 
import DataTableReducer from './reducers/DataTableReducer'; 
import DimensionPickerReducer from './reducers/DimensionPickerReducer'; 

const loggerMiddleware = createLogger(); 
const store = createStore(
    DimensionPickerReducer, 
    applyMiddleware(
     thunkMiddleware, 
     loggerMiddleware 
    ) 
); 

export default store; 

बिना काम करता है के लिए बाद में है लेकिन अगर मैं एक के साथ अपने एकल कम करने की जगह का कारण बनता है कम करने कॉल

import React from 'react'; 
import { createStore, combineReducers, applyMiddleware } from 'redux'; 
import createLogger from 'redux-logger'; 
import thunkMiddleware from 'redux-thunk'; 
import { Provider } from 'react-redux'; 
import DataTableReducer from './reducers/DataTableReducer'; 
import DimensionPickerReducer from './reducers/DimensionPickerReducer'; 

const loggerMiddleware = createLogger(); 
const store = createStore(
    combineReducers({ 
     DataTableReducer, 
     DimensionPickerReducer 
    }), 
    applyMiddleware(
     thunkMiddleware, 
     loggerMiddleware 
    ) 
); 

export default store; 

की तरह मैं तुरंत DimensionPicker नियंत्रण है कि अनिवार्य रंगमंच की सामग्री निर्दिष्ट नहीं किया गया था द्वारा हो रही त्रुटियों शुरू गठबंधन।

तो combineReducer विधि मेरे लिए काम नहीं कर रही है।

मुझे यहां एक नमूना प्रोजेक्ट अपलोड किया गया है जो समस्या दिखाता है।

{ 
    DimensionPickerReducer: { 
     dimenisionName: '', 
     pickerIsLoading: false, 
     pickerError: '', 
     currentAttribute: '', 
     attributeList: [] 
    }, 
    DataTableReducer: { 
     tableData: [], 
     tableIsLoading:false, 
     tableError: '' 
    } 
} 

तो तुम करने के लिए अपने कंटेनर का समायोजन करना चाहिए:

https://github.com/abhitechdojo/MovieLensReact

आप संयुक्त reducers के साथ अपनी दुकान एक Git क्लोन

Answer 1

कर उस तरह डेटा संरचना होगा के बाद npm install चलाने के लिए होगा संयुक्त दुकान के साथ काम करते हैं। DimensionPickerContainer.js में उदाहरण के लिए आप mapStateToProps समारोह बदलना चाहिए:

const mapStateToProps = (state) => { 
    return { 
     attributeList : state.DimensionPickerReducer.attributeList, 
     currentAttribute : state.DimensionPickerReducer.currentAttribute 
    } 
} 

तुम भी नाम दे सकते हैं अपने स्टोर में कम कर देता है, तो वे डेटा संरचना में बदसूरत नहीं लग रही होगी। जैसे combineReducers({ dimensionPicker: DimensionPickerReducer, dataTable: DataTableReducer})