생활코딩 react (16.5-이벤트 setState 함수 이해하기)

# React-16.5. 이벤트 setState 함수 이해하기

 

* 이벤트에서 state 변경

 - 이벤트에서 컴포넌트의 state를 변경하기 위해 bind로 state 정보를 전달해야 함

1.1 전달된 state 정보의 비정상 변경방법

 - mode 값이 변경되지만, react가 인지하는 정상적인 방법이 아닌 관계로 

 > render를 다시 호출하지 않음 (변경 결과가 컴포넌트에 적용되지 않음)

this.state.mode = 'welcome';

1.2 전달된 state 정보의 정상 변경방법

 - mode 값이 변경되며 react가 인지하여 변경 결과가 적용됨

 > render를 호출하여 새로고침 실행

this.setState({
  mode:'welcome'
});