Component Life Cycle

Mounting

• 아래 메서드들은 컴포넌트의 인스턴스가 생성되어 DOM 상에 삽입될 때에 순서대로 호출
  1. constructor()
  2. static getDerivedStateFromProps()
  3. render()
  4. componentDidMount()

Updating

• props 또는 state가 변경되면 갱신이 발생. 아래 메서드들은 컴포넌트가 다시 렌더링될 때 순서대로 호출
  1. static getDerivedStateFromProps()
  2. shouldComponentUpdate()
  3. render()
  4. getSnapshotBeforeUpdate()
  5. componentDidUpdate()

add 또는 minus 버튼 클릭 시

Unmounting

• 아래 메서드는 컴포넌트가 DOM 상에서 제거될 때에 호출
  1. componentWillUnmount()