[React] 라이프 사이클

라이프 사이클 : 컴포넌트 생명 주기,

컴포넌트가 실행되거나 업데이트되거나 제거될 때 특정한 이벤트들이 발생한다.

 

 

 

 

Mount

: 컴포넌트가 처음 실행될 때 mount라고 표현, render로 컴포넌트를 DOM에 부착

 

순서 

1) state, context, defaultProps 저장

2) componentWillMount

3) render

4) componentDidMount

 

 

Props Update

: props가 업데이트될 때의 과정, 업데이트 되기 전에 업데이트가 발생하였음을 감지

 

State Update

: setState 호출을 통해 state가 업데이트될 때의 과정 

 

Unmount

: 컴포넌트가 제거되는 것 

 

 

 

 

 

 

출처

 

https://www.zerocho.com/category/React/post/579b5ec26958781500ed9955

(React) React의 생명 주기(Life Cycle) - 라이프사이클