- 우리가 하고 싶은 것은 WEB 링크를 클릭했을 때 state에 mode가 'welcome'으로 바뀌고 하고 싶다.
이렇게 하면 되지 않을까?
에러가 발생한다.
-
문제점 - this를 찾을 수 없다.
this.state.mode에서 this는 이벤트가 호출되었을 때 실행되는 함수에서의 this는 해당 컴포넌트를 가리키지 않고 아무것도 가리키지 않는다. -
해결법
함수가 끝나는 직후 bind(this)를 추가해주자
함수안에서 this는 우리의 컴포넌트가 된다. -
문제점 - 에러는 해결했지만 바뀌지 않음
눌렀고 mode값은 welcome으로 바꼈지만 화면상에서 render되지 않는다.
react가 시키는 대로 해야한다.
setState함수를 사용해서 State값을 변경해야지 React가 인식을 하여 render를 한다.
잘된다.
알고리즘 정리 블로그입니다.