반응형
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 |