React

React 클래스형 컴포넌트 생명주기

코딩하는 Jay 2020. 7. 22. 11:32
반응형

constructor()

컴포넌트 생성 시점에 호출

constructor 함수는 생명주기 함수는 아니지만, 클래스형 컴포넌트가 생성될 시점에 호출되므로 생명주기에 포함.

 

render()

컴포넌트가 그려질 때 호출

 

componentDidMount()

컴포넌트가 처음 화면에 그려지면 호출

 

componentDidUpdate()

화면이 업데이트되면(새로 그려지면) 호출

 

componentWillUnmount()

컴포넌트가 사라질때 호출.

 

 

아래 diagram을 참고하시면 좀 더 이해하기가 좋을 것 같습니다.

https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/

 

React Lifecycle Methods diagram

Fully interactive and accessible React Lifecycle Methods diagram.

projects.wojtekmaj.pl

 

참고: 

"Do it! 클론 코딩 영화 평점 웹서비스", 니꼴라스, 김형태 저 |  김형태 역 | 이지스퍼블리싱 

반응형