Nicht sicher, wie State in Redux richtig zu aktualisieren

Question

Ich bin mir nicht sicher, wie Sie die state ordnungsgemäß in redux aktualisieren. Ich bekomme doppelte Einträge.

Das ist, wie die state wie

const STATE = { 
    windowOne: { ... } 
    windwoTwo: { ... } 
    windowThree: { ... } 
} 

Das

ist eine meiner Reduzierungen sieht

export default function reducer(state = STATE, action) { 
    switch (action.type) { 
     case type.WINDOW_ONE: { 
      return { 
       ...state, 
       windowOne: { 
        ...state.windowOne, 
        foo: action.bar, 
       } 
      } 
     } 
    } 
} 

ich den Zustand wie an den Stützen meiner Komponente

function mapDispatchToProps(dispatch) { 
    return bindActionCreators(combinedActions, dispatch); 
} 

const mapStateToProps = state => { 
    const { windowOne } = state.windowOne; 

    return { 
     windowOne, 
    }; 
} 

export default connect(mapStateToProps, mapDispatchToProps)(SomeComponent); 

Und ich Karte kombinieren Sie die verschiedenen Reduzierungen hier

Wenn ich redux-logger verwende, sehe ich, dass in windowOne die ganze state kopiert wird. Dort, nach dem Auslösen einer action, finde ich windowTwo und windowThree. Ich bin auch nicht sicher, warum ich windowOne in diesen Zeilen angeben müssen

const { windowOne } = state.windowOne; 

Sollte nicht const { windowOne } = state genug sein? Das könnte verwandt sein ...

Answer 1

Überprüfen Sie die docs für combineReducers; es sorgt dafür, dass jeder Reducer das entsprechende Stück des Zustands sendet und die Ergebnisse zusammenführt. Für die Reduzierung gezeigt, dann können Sie es den Anfangszustand für windowOne nur und zurück nur den aktualisierten Zustand für windowOne passieren sollte:

export default function reducer(state = STATE.windowOne, action) { 
    switch (action.type) { 
     case type.WINDOW_ONE: { 
      return { 
       ...state, 
       foo: action.bar, 
      } 
     } 
    } 
} 

Nach diesem const { windowOne } = state in mapStateToProps sollte funktionieren. Beachten Sie auch, dass in jedem Reduzierer ein Standardfall erforderlich ist, da alle Reduzierungen alle Aktionen erhalten und dass STATE geeignetererweise initialState genannt wird.