react lifecycle

정의

컴포넌트가 생성되고 소멸될때 까지의 일련의 과정

lifecycle event

생명주기 특정시점에 자동으로 실행되는 메서드

1. mount

constructor

= 컴포넌트가 생성될 때 가장먼저, 딱 한번 호출되는 클래스 생성자 메서드

getDerivedStateFromProps

= props 에 있는 데이터를 state 로 넣을 때 사용하는 메서드

render

= component 를 렌더링

• 상태가 변경될 때마다 호출됨

componentDidMount

= 컴포넌트 생성, 렌더링 된후 브라우저에 표시된 이후 호출 되는 메서드

2. update

getDerivedStateFromProps

= props 에따라 state 도 변경시킬지 설정

shouldComponentUpdate

= 컴포넌트가 리렌더링할 지 여부를 결정

render

= 컴포넌트 렌더링

getSnapshotBeforeUpdate

= 컴포넌트 변화를 dom 에 반영하기 전 호출

componentDidUpdate

= component 변경완료후 호출

3. unmount

componentWillUnMount

= 컴포넌트가 브라우저화면에서 사라지기 직전 호출