[컴][웹] ReactJS 에서 setState 사용시, 부분적인 update 를 하고 싶을 때

partial update for setState of ReactJS / 부분적인 reactjs set state 값 업데이트 / reactjs 의 setState 사용법


setState 에서 object 값을 부분적으로 업데이트를 하고 싶었다. 그래서 찾은 자료가 아래 링크이다.

• javascript - what is the preferred way to mutate a React state? - Stack Overflow

처음에는 새롭게 object 를 만들어야 했는데, ReactJS 에서 setState 의 parameter 로 function 을 지원한다고 해서 사용해 봤더니, update 하기 가장 좋은 것 같았다. 아래 code 를 참고하자.

newDict = {'test':'test'}
this.setState({
   dic: newDict
})

this.setState(function(state) {
  state.dic['new'] = 'new' // dic 에 새로운 값 추가
  return {
   dic: state.dic
  }
})