TIL_[React] Life cycle API

dev_hyemi·2020년 10월 26일
0

Life cycle API 이란?

component가 dom 위에 생서되기 전 후 및 데이터가 변경되어 상태를 업데이트 하기 전 후로 실해되는 메소들 이다.

component 생성순서

constructor -> componentWillMount -> render -> componentDidMount

constructor

  • 컴포넌트가 처음 만들어 질 때 실행된다.
    이 메소드에서 기본 state를 정할 수 있다.
constructor(props){
    super(props);
    console.log("constructor");
}

componentWillMount

  • 컴포넌트가 DOM 위에 만들어지기 전에 실행된다.
componentWillMount(){
    console.log("componentWillMount");
}

render

  • 컴포넌트 렌더링을 담당한다.

componentDidMount

  • 컴포넌트가 만들어지고 첫 렌더링을 다 마친 후 실행되는 메소드
    이 안에서 다른 JavaScript 프레임워크를 연동하거나, setTimeout, setInterval 및 AJAX 처리 등을 넣는다.
componentDidMount(){
    console.log("componentDidMount");
}

참고

0개의 댓글