728x90
반응형
라이프 사이클 API
컴포넌트의 생명 주기와 함께하는..? API
7가지 라이프 사이클 API
- componentWillMount : 컴포넌트 렌더링 이전에 실행
- componentDidMount : 컴포넌트 첫 렌더링 이후 -> 프레임워크 연동, setTimeout/AJAX 등 사용 가능
- componentWillReceiveProps : 새로운 props를 받았을 때 -> props에 따라 state 업데이트 할 때 사용하면 유용 (setState 사용 가능)
- shouldCompoenetUpdate : 컴포넌트가 업데이트를 해야하는지 말아야하는지 결정하는 -> return false 설정 시 불필요한 작업을 막을 수 있다
- componentWillUpdate : 컴포넌트 업데이트 전 실행 -> setState 사용 시 무한 루프에 빠진다
- componentDidUpdate : 컴포넌트의 리렌더링 이후 실행 -> setState 사용 시 무한 루프
- componentWillUnmount : 컴포넌트 제거될 때 실행
반응형
'Front_end > React' 카테고리의 다른 글
| React) 렌더링이 2번 되는 현상 (0) | 2022.05.09 |
|---|---|
| React) 이미지 넣기 (0) | 2022.04.27 |
| React) styled-component 사용 시 주의 사항 (0) | 2022.04.25 |
| React) useRef - 컴포넌트의 width (0) | 2022.04.20 |
| React) 리액트에서의 this와 select() 문자열 전체 선택 (0) | 2022.04.13 |
댓글