[ React ] 라이프 사이클 흐름

정인성·2022년 5월 23일
0

React

목록 보기
3/3
post-thumbnail

1 . 생성이 될때에는 초기화하는 constructor() 생성자 함수가 뜬다

2 . render() <- 나 이제 바뀔꺼야 ( 무엇으로 바뀔꺼야 : 무엇의 내용이 return )

  • return 안에 내가 바꿀 DOM 요소가 가상돔 -> 실제돔으로 바뀜

3 . render()가 끝나면 ( 실제 DOM에 완벽하게 올라갔으면 ) componentDidMount() 실행

4 . 4가지 변경 요소중 하나를 포함했으면 componentDidUpdate() 실행

  • props가 바뀔 때
  • state가 바뀔 때
  • 부모 컴포넌트가 업데이트 되었을 때 ( 리렌더링 했을때 )
  • 강제로 업데이트 했을 때(forceUpdate())

5 . 화면상에서 사라질 때 componentWillUnmount() 실행

profile
2022.05.09 START

0개의 댓글