2017/02
-
[React] this.setState를 호출할 때 호출되는 메소드들카테고리 없음 2017. 2. 25. 22:22
위 사진은 컴포넌트의 라이프사이클이다. this.setState를 호출했을 때 컴포넌트의 렌더링이 다시 된다는 것을 책과 문서에서 확인했다.과연 어느 메소드까지 실행되는지 테스트를 해보았다. 위 코드대로 실행을 했다. Updating 부분의 메소드 순으로 나열하였고, 이벤트핸들러(handleClick)를 도중에 집어넣었다.이를 실행시킨 결과는 다음과 같다.shouldComponentUpdate componentWillUpdaterendercomponentDidUpdate 이렇게 4가지 메소드가 호출된 것을 확인할 수 있다.즉, Updating에서 componentWillReceiveProps를 제외한 나머지 메소드들이 순차적으로 실행된다는 것을 확인할 수 있다. 여기서 궁금할 수 있는 사항은 should..
-
[React] 이벤트 바인딩 할 때 주의할 점카테고리 없음 2017. 2. 25. 13:59
위와 같이 작성해야한다. 아래와 같이 작성하면 동작하지 않는다. 혹은 onClick의 카멜표기법을 지키지 않고 onclick으로 작성할 경우 다음과 같은 에러를 콘솔창에서 볼 수 있다. 추가로 컴포넌트의 this를 이용하고 싶다면 이벤트 핸들러를 다음과 같이 등록해줘야한다. onClick={this.handleClick.bind(this)} 위와 같이 하지 않는다면 이벤트 핸들러 메소드에서 this를 참조할 경우 null이 들어있는 것을 확인할 수 있다.