Redux: 여러 감속기 모듈 가져 오기가있는 함수 combineReducers에 대한 질문

_are_ 개체를 가져옵니다. 두 개체를 병합하는 것과 같습니다.

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

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

빠른 답변에 감사드립니다. ES6가 그러한 기능을 추가 한 것을 알지 못했습니다. : +1 :
redux 문서에 그런 것을 추가하는 것이 다른 사람들이 그것을 추구한다면 가치가 있을지 궁금합니다.

안녕하세요.

우리는 실제로 문서에서 import * 를 제거하고 많은 사람들을 혼란스럽게하기 때문에 바닐라 예제 만 보여줄 것입니다. https://github.com/rackt/redux/pull/590을 참조

빠른 답변에 감사드립니다. ES6가 그러한 기능을 추가 한 것을 알지 못했습니다.

폴리 필을 포함하지 않고 이미 Lodash 또는 이와 유사한 것을 가지고 있다면 Lodash의 assign 와 같은 것을 사용할 수 있습니다. 개체를 병합하는 것뿐입니다. 마법이 아닙니다. :-)

@gaearon import * 제거하는 것이 좋습니다. 또한 처음 사용할 때 비 구조화 문과 스프레드 연산자가 주석에 포함되어 있는지 언급하는 것도 좋습니다.

combineReducers 다중 통화가 가능합니까?
별도의 파일에서 combineReducers 를 사용하고 감속기를 하나 더 첨부하고 싶다면 (실제로 routerReducer 에서 react-router-redux ) 할 수 있습니까?
스프레드 연산자 ( ...reducers, routing: routerReducer )를 사용할 수없는 주요 문제는 스테이징 된 ES6 기능 만 있습니다.

확산 연산자 (... reducers, routing : routerReducer)를 사용할 수없는 주요 문제는 스테이징 된 ES6 기능 만 있습니다.

그것은 단지 Object.assign({}, reducers, { routing: routerReducer }) desugars됩니다. Object.assign() 는 ES6의 일부이며이를 위해 폴리 필을 사용할 수 있습니다.

손으로 합리적인 근사값을 작성할 수도 있습니다.

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

const reducer = combineReducer(finalReducers)

그것은 모두 단지 JavaScript입니다!

빠른 응답에 감사드립니다!
이 질문을하기 전에 Object.assign() 선언을 사용하려고했습니다. 이 경우 결합하기 전에 rootReducer 개체와 default: function combination() 속성이 올바르게 작동했습니다. 그러나 var reducer = Object.assign({}, rootReducer, { routing: routerReducer }) 사용 후 내 변수 reducer 에는 routing: function routerReducer() 속성
combineReducer(finalReducers) 후 라우팅이 있지만 내 앱 감속기가없는 함수를 반환했습니다.

내가 뭔가 잘못한 것 같지만 정확히 무엇인지 이해할 수 없다.

하지만 Object.keys 사용에 대한 접근 방식에 대해 대단히 감사합니다.

default 이 표시되면 CommonJS require 로 ES 모듈을 가져오고 있음을 의미합니다. 이것은 일반적으로 실수입니다. 이에 대한 정보는 https://medium.com/@kentcdodds/misunderstanding -es6-modules-upgrading-babel-tears-and-a-solution-ad2d5ab93ce0를 확인하십시오.

이것을 재현 한 프로젝트를 게시 할 수 있다면 기꺼이 살펴 보겠습니다.

나는 이것을 이렇게한다 :

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 함수에 항목을 추가하는 것을 종종 잊었 기 때문입니다. 그래서 나는 그것을 나의 주요 감속기로 가져오고 쉽게 접근 할 수 있습니다. 여러 파일을 열어 조치를 취하고 감속기는 정말 고통 스럽습니다.