React(state & life cycle) 21.05.08


  • state :

life cycle : 컴포넌트에 있어서 중요한 순간들

  • componentDidMount (생성) : 화면에 등장 후

  • componentDidUpdate (업데이트) : 새로운 props를 받을 때 / setState() : 새로운 state를 가질 때 / 새로운 state를 갖고 난 후

  • componentWillUnmount (제거) : 화면에서 사라지기 전

사라지기 전(unmount)을 제외하고 위와 같은 순간마다 컴포넌트는 새롭게 렌더링(rener) 된다.

Life cycle method 사용 사례
  • 비동기 요청 시 사용 : componentDidMount, componentDidUpdate

  • 복잡한 작업 후 메모리 비울때(clearTimeout, removeEventListener) : componentWillUnmount






© 2020.11. by creamer

Powered by CREAMer