React Life Cycle API

˙Life Cycle

 ▷ constructor

   생성자 메서드로, Component가 초기 생성될 때 실행되는 것으로, state 선언 가능

 

 ▷ componentWillMount

  Component가 DOM 위에 만들어지기 전에 실행

 

 ▷ render

   Component의 rendering을 담당

 

 ▷ componentDidMount

   첫 rendering을 마친 후 실행되는 메서드로, 다른 Framework를 연동하거나, 동작 처리를 삽입

 

 ▷ componentWillReceiveProps

   Component가 prop을 새로 받았을 때 실행되는 메서드(state를 갱신할 때 유용)

 

 ▷ shouldComponentUpdate

   prop 또는 state가 변경되었을 때, rernder를 결정하는 메서드

 

 ▷ componentWillUpdate

   Compoent가 갱신되기 전에 실행(this.setState()를 사용하면 무한 Loop에 빠지니 주의)

 

 ▷ componentDidUpdate

   Compoent가 rerendering을 마친 후에 실행되는 메서드

 

 ▷ componentWillUnmount

   Component가 DOM에서 사라진 후에 실행되는 메서드