티스토리 뷰

React

React - (3) 컴포넌트 life cycle

꿀벌의달콤한여행 2020. 6. 27. 09:52

우리가 아는 객체처럼 리액트에서 component class 역시 life cycle이 있다.

 

처음 태어나는 것을 mount라고 하고, 죽는 것을 unmount라고 표현한다.

 

constructor부터 시작해서 여러 가지 있지만 주로 사용되는 것 위주로 보자면

(순서대로 호출 된다)

 

컴포넌트 생성시 호출되는 것들

constructor()

componentDidMount()

render()

 

컴포넌트 업데이트시 호출되는 것들(setState 메소드를 호출할 때만 업데이트 된다)

render()

componentDidUpdate()

 

컴포넌트가 죽을 때(우리가 다른 웹사이트로 이동할 때임)

componentWillUnmount

 

 

이 메소드들은 React.Component에 있는 메소드들이다.

우리는 React.Component를 상속받은 class component를 다루고 있다.

댓글