React-Redux：還元剤の組み合わせが失敗する

Question

ReduxとRedux-Thunkを使用して作成されたReactアプリがあります。 Redux docsごとに減速材を組み合わせようとするまで、すべてうまくいく。最初の、機能的な減速

export default function bigReducer(state = { events: [], flash: [] }, action) { 
    switch (action.type) { 
    case EVENTS_UPDATED: 
    return _.extend({}, state, { events: action.pathway_events }) 
    case FLASH_MESSAGE_UPDATED: 
    return _.extend({}, state, { flash: action.flash }) 
    default: 
    return state 
    } 
} 

を私は複合減速に

function flashReducer(state = { flash: [] }, action) { 
    switch (action.type) { 
    case FLASH_MESSAGE_UPDATED: 
    return _.extend({}, state, { flash: action.flash }) 
    default: 
    return state 
    } 
} 

function eventReducer(state = { events: [] }, action) { 
    switch (action.type) { 
    case EVENTS_UPDATED: 
    return _.extend({}, state, { events: action.pathway_events }) 
    default: 
    return state 
    } 
} 

// either with simple reducer composition 
export default function bigReducer(state = {}, action) { 
    return { 
    flashReducer: flashReducer(state.flash, action), 
    eventReducer: eventReducer(state.events, action) 
    } 
} 

// or with the combineReducers function 
export default const reducer = combineReducers({ 
    flashReducer, 
    eventReducer 
}) 

初期状態を作成しようと減速が

を混入しているように見えるが与えられ

// logging the state var EventListContainer = connect((state) => { console.log(state) return { events: state.events })(React.createClass({ ... // returns the incorrect state # => Object {flashReducer: Array[0], eventReducer: Array[17]} 

ReactorとReduxを使用して減速機を組み合わせるにはどうすればよいですか？

Answer 1

ドキュメントから私の理解は、名前付きレデューサーが、レデューサー名に対応する最上位のキーを持つ状態のその部分だけを処理するように委任されていることです。だから、

const reducer = combineReducers({ 
    flashReducer, 
    eventReducer 
}) 

は、だからa）は、彼らが管理することになっているトップレベルのキーと同じあなたの減速に名前を付けると、b）そのを持っている必要がありますあなたが

const state = { 
    flashReducer: {...}, 
    eventReducer: {...} 
} 

のような状態を持っていることを意味しますデフォルト状態はフル状態オブジェクトのそのサブセットのみを表します。

function flash(state = [], action) { 
    switch (action.type) { 
    case FLASH_MESSAGE_UPDATED: 
    return action.flash.slice() 
    default: 
    return state 
    } 
} 

function events(state = [], action) { 
    switch (action.type) { 
    case EVENTS_UPDATED: 
    return action.pathway_events.slice() 
    default: 
    return state 
    } 
} 

const reducer = combineReducers({ 
    flash, 
    events 
})