Redux: समारोह के बारे में सवाल कई reducer मॉड्यूल आयात के साथ गठबंधन

को निर्मित 23 अग॰ 2015 · 9टिप्पणियाँ · स्रोत: reduxjs/redux

नमस्ते।

आइए कल्पना करें कि हमारे पास इस तरह एक reducer फ़ाइल है:

export function something1 (state={}, action) {
  switch (action.type) {
    ...
  }
}

export function something2 (state={}, action) {
  switch (action.type) {
    ...
  }
}

कई अन्य निर्यातों के साथ 3 अन्य समान reducer फाइलें भी हैं।

जबकि दस्तावेज़ केवल एक उदाहरण देता है कि कैसे एक से अधिक निर्यात के साथ केवल 1 फ़ाइल के साथ कॉम्बिनेशन का उपयोग करने के लिए - CombReducers

फिर आप इस तरह के कई आयातों के साथ उस फ़ंक्शन का उपयोग कैसे करते हैं?

import * as reducers1 from './reducer1';
import * as reducers2 from './reducer2';
...

const reducer = combineReducers(???); // What argument to write. How to turn imports to object?

धन्यवाद!

question

स्रोत

genert

सबसे उपयोगी टिप्पणी

आयात _are_ वस्तु। जैसे आप दो वस्तुओं का विलय करते हैं:

import * as reducers1 from './reducer1';
import * as reducers2 from './reducer2';

const allReducers = Object.assign({}, reducers1, reducers2);
const reducer = combineReducers(allReducers);

gaearon 23 अग॰ 2015

👍16

सभी 9 टिप्पणियाँ

आयात _are_ वस्तु। जैसे आप दो वस्तुओं का विलय करते हैं:

import * as reducers1 from './reducer1';
import * as reducers2 from './reducer2';

const allReducers = Object.assign({}, reducers1, reducers2);
const reducer = combineReducers(allReducers);

gaearon 23 अग॰ 2015

👍16

ऐसे तेज़ उत्तर के लिए धन्यवाद; ध्यान नहीं दिया कि ES6 ने ऐसा फ़ंक्शन जोड़ा है। : +1:
मुझे आश्चर्य है कि अगर इस तरह की चीज़ को दस्तावेज़ में जोड़ने के लिए सार्थक होगा तो क्या होगा अगर अन्य की तलाश होगी?

genert 23 अग॰ 2015

@TheDeveloperXYZ

हम वास्तव में प्रलेखन से import * निकालने जा रहे हैं और केवल वेनिला उदाहरण दिखाते हैं क्योंकि यह बहुत सारे लोगों को भ्रमित करता है। Https://github.com/rackt/redux/pull/590 देखें

ऐसे तेज़ उत्तर के लिए धन्यवाद; ध्यान नहीं दिया कि ES6 ने ऐसा फ़ंक्शन जोड़ा है।

यदि आप पॉलीफिल को शामिल नहीं करना चाहते हैं, तो आप लॉडश के assign जैसे कुछ का उपयोग कर सकते हैं, और पहले से ही लॉडश या कुछ समान है। यह सिर्फ वस्तुओं का विलय है; कुछ भी नहीं जादू। :-)

gaearon 23 अग॰ 2015

@gaearon import * निकालने का अच्छा विचार है। मैं यह भी उल्लेख करने की सलाह देता हूं कि पहली बार जब आप उनका उपयोग करते हैं तो विनाशकारी बयान और प्रसार ऑपरेटर क्या टिप्पणी करते हैं।

gertig 27 सित॰ 2015

क्या combineReducers को एकाधिक कॉल करना संभव है?
अगर मैं अलग फ़ाइल में combineReducers का उपयोग करता हूं और फिर मैं एक और reducer संलग्न करना चाहता हूं (वास्तव में, यह routerReducer react-router-redux ) क्या ऐसा करना संभव है?
मुख्य मुद्दा है कि मैं प्रसार ऑपरेटर ( ...reducers, routing: routerReducer ) का उपयोग नहीं कर सकता केवल ES6 सुविधाओं का मंचन किया।

PavelGriza 4 मई 2016

मुख्य मुद्दा जिसे मैं स्प्रेड ऑपरेटर (... रिड्यूसर, रूटिंग: राउटररेडर) का उपयोग नहीं कर सकता, केवल ES6 सुविधाओं का मंचन करता है।

यह सिर्फ Object.assign({}, reducers, { routing: routerReducer }) लिए उतरता है। Object.assign() ES6 का हिस्सा है और आप इसके लिए एक पॉलीफिल का उपयोग कर सकते हैं।

तुम भी हाथ से एक उचित अनुमान लिख सकते हैं:

let finalReducers = {}
Object.keys(reducers).forEach(key => finalReducers[key] = reducers[key])
finalReducers.routing = routerReducer

const reducer = combineReducer(finalReducers)

यह सब सिर्फ जावास्क्रिप्ट है!

gaearon 4 मई 2016

👍1

तेजी से प्रतिक्रिया के लिए धन्यवाद!
मैं इस प्रश्न को पूछने से पहले Object.assign() घोषणा का उपयोग करने की कोशिश कर रहा था। उस मामले में, संयोजन से पहले मेरे पास rootReducer वस्तु default: function combination() जिसने सही ढंग से काम किया। लेकिन var reducer = Object.assign({}, rootReducer, { routing: routerReducer }) का उपयोग करने के बाद मेरे चर reducer में केवल एक संपत्ति routing: function routerReducer() निहित
combineReducer(finalReducers) रूटिंग के साथ एक फ़ंक्शन लौटाया, लेकिन मेरे ऐप के बिना रिड्यूसर।

मुझे लगता है कि मैं गलत तरीके से कुछ कर रहा था, लेकिन मैं समझ नहीं पा रहा हूं कि वास्तव में क्या है।

लेकिन Object.keys का उपयोग करने के साथ आपके दृष्टिकोण के बारे में बहुत-बहुत धन्यवाद

PavelGriza 4 मई 2016

यदि आप default अर्थ देखते हैं तो आप एक कॉमनजेस require साथ ES मॉड्यूल आयात कर रहे हैं। यह आमतौर पर एक गलती है। कृपया इस बारे में कुछ जानकारी के लिए https://medium.com/@kentcdodds/misunderstanding -es6-मॉड्यूल-उन्नयन-बेबल-आँसू और एक समाधान-ad2d5ab93ce0 देखें।

यदि आप इस परियोजना को पुन: प्रकाशित कर सकते हैं, तो मैं एक नज़र लेने के लिए खुश हूं।

gaearon 4 मई 2016

मैं इसे इस तरह से करता हूं:

mainReducer.js

import {combineReducers} from 'redux'
import {routerReducer} from 'react-router-redux'

// list of reducers
import registerReducer from 'registerReducer'
import homeReducer from 'homeReducer'
import aboutReducer from 'aboutReducer'
import contactUsReducer from 'contactUsReducer'


export const mapStateToProps = (state) => {
    return {
        register: state.register,
        home: state.home,
        about: state.about,
        contact:state.contact
    }
}
export default combineReducers({
    routing: routerReducer,
    register: registerReducer,
    home: homeReducer,
    about: aboutReducer,
    contact: contactUsReducer
})

वहाँ में फ़ंक्शन mapStateToProps है। इसका कारण यह है क्योंकि मैं अक्सर जब यह अन्य फ़ाइल में डाला जाता है तो mapStateToProps फ़ंक्शन में प्रविष्टि जोड़ना भूल जाता है। तो मैं इसे अपने मुख्य reducer, और आसान पहुँच के लिए लाता हूँ। कार्रवाई करने के लिए कई फाइलें खोलें और reducer असली दर्द है।

craigcosmo 20 सित॰ 2016

❤1 🎉1 😄1 👎1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Redux: समारोह के बारे में सवाल कई reducer मॉड्यूल आयात के साथ गठबंधन

सबसे उपयोगी टिप्पणी

सभी 9 टिप्पणियाँ

संबंधित मुद्दों