본문으로 바로가기

Component Life Cycle

category Frontend/React 2019. 12. 31. 23:49
반응형

Component Life Cycle



Component Life Cycle
 
componentDidMount() {
  // 렌더링 후
  console.log("component rendered");
}
componentDidUpdate() {
  // setState가 호출되고 렌더링 후
  console.log("I just updated");
}
componentWillUnmount() {
  // 페이지가 이동하여 컴포넌트가 죽은 후
  console.log("Goodbye, cruel world");
}
 
render() {
  // 렌더링 
    console.log("I'm rendering");
}



많이 사용되는 컴포넌트 라이프 사이클 중 중요한 3가지

Mount, Update, UnMount 이며 각각 렌더링 되고난 후, setState가 호출된 후, 컴포넌트가 죽고난 후에 호출된다.


반응형

'Frontend > React' 카테고리의 다른 글

[리액트 및 리듀서 기본 설정] React & Reducer Default Settings  (0) 2020.02.23
Github Pages 배포  (0) 2020.02.09
React - Current Time  (0) 2020.02.04