반응형
mounting
- 처음으로 DOM에 rendering될 때
componentDidMount( )
unmounting
- 생성된 DOM이 제거 될 때
componentWillUnmount( )
the component Lifecycle
(자주 사용되는 Lifecycle위주로 작성됨)
Mounting - 구성 요소의 instance를 만들고 DOM에 삽일 할 때 아래 순서로 호출
constructor( )
render( )
componentDidMount( )
Updating - props, state의 변경으로 인행 발생. 해당 메서드는 구성 요소가 다시 rendering될 때 아래 순서로 호출
render( )
componentDidUpdate( )
Unmounting - 구성 요소가 DOM에서 제거 될 때 호출
componentWillUnmount( )
'React' 카테고리의 다른 글
React Hooks (0) | 2020.11.12 |
---|---|
React Hooks 간단 예습 (0) | 2020.11.07 |
react 추가 study (0) | 2020.11.04 |
setup / props / state / data fetch (0) | 2020.11.03 |
Update, Delete 기능 구현 (0) | 2020.10.28 |