[TIL] 210811 - React clone coding

seojin·2021년 8월 11일
0

Project [TIL] 

목록 보기
2/2

클래스형 컴포넌트의 일생 알아보기

클래스형 컴포넌트에는 render( ) 함수 외에도 여러 함수가 있는데, 그 중에서 클래스형 컴포넌트의 일생을 만들어 주는 생명주기 함수가 있다.

지금 하고 있는 클론코딩은 영화 앱을 만드는 것인데, 생명주기 함수를 이용해서 영화 데이터를 가져올 수 있다.

React에서 mount로 분류하는 세 함수

>> constructor( ), render( ), componentDidMount( ) 함수

실행 순서는 constructor( ) -> render( ) -> componentDidMount( )

React에서 Update로 분류하는 함수

>> componentDidUpdate( ) 함수

화면을 업데이트시켜줄 버튼을 눌렀을 때
실행 순서는 setState( ) -> render ( ) -> componentDidUpdate( )

React에서 Unmount로 분류하는 함수

>> componentWillUnmount( ) 함수

컴포넌트가 화면에서 떠날 때 실행됌.

0개의 댓글

관련 채용 정보