Redux 업데이트

리듀서 내부에 있는 데이터의 값이 변경되지 않는 경우가 있다.

리덕스의 경우 리듀서 내부의 데이터는  불변한 것이라고 예측하기 때문에 

데이터의 일부를 변경하는 것은 불가능 하다.  그렇기 때문에

새로운  데이터를 만들어 덮어 씌우는 방법으로 업데이트를  해야 한다.

 

리덕스 도큐먼트에서는  아래의  코드를 예시로 던져주고 있다.

 

const initialState = { value: 0 }

function counterReducer(state = initialState, action) {
  // Check to see if the reducer cares about this action
  if (action.type === 'counter/increment') {
    // If so, make a copy of `state`
    return {
      ...state,
      // and update the copy with the new value
      value: state.value + 1
    }
  }
  // otherwise return the existing state unchanged
  return state
}

보면  기존 state를 업데이트 하는데,  새로운 객체를 만들어서  리턴하는 것을 볼 수 있다.