제대로

Question

내가 redux에 state 제대로 업데이트하는 방법을 잘 모르겠습니다 돌아 오는에 상태를 업데이트하는 방법 확실하지. 중복 된 항목이 있습니다. 내 감속기 중 하나입니다

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

이

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

내 구성 요소

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

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

    return { 
     windowOne, 
    }; 
} 

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

그리고 I의 소품에 같은 상태를지도처럼 state 모양을

그게 전부 다양한 감속기를 여기에 결합하십시오

export default combineReducers({ 
    windowOne, 
    windowTwo, 
    windowThree 
}); 

redux-logger을 사용하면 windowOne에 전체 state이 복사됩니다. 거기에서 action을 트리거 한 후 windowTwo과 windowThree을 찾습니다. 나는 또한 내가하지 const { windowOne } = state이 충분해야이 라인

const { windowOne } = state.windowOne; 

에서 windowOne을 지정해야하는 이유 확실하지 않다? 즉

Answer 1

이 combineReducers에 대한 docs을 확인 ... 관련 될 수있다; 각 감속기에 적절한 상태 조각을 보내고 결과를 병합합니다. 이 후

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

, const { windowOne } = state을 mapStateToProps에서 작동합니다 : 표시된 감속기,이 경우에만 windowOne을 위해 그것을 초기 상태를 전달하고 windowOne만을위한 업데이트 된 상태를 반환해야 의미합니다. 또한 모든 감속기가 모든 동작을 수신하므로 각 감속기에 기본 케이스가 필요하며 STATE이라는 이름은 더 적절하게 initialState이라고 명명 할 수 있습니다.