Effect Hook
- 이 링크를 열어서 먼저 실험을 해보자.
- useEffect는 컴포넌트 내에서 Side effect를 실행할 수 있게 하는 Hook 임.
이 컴포넌트에서 실행하는 Side effect는 브라우저 API를 이용하여, 타이틀을 변경하는 것!
API
useEffect(함수)
useEffect의 첫 번째 인자는 함수임. 해당 함수 내에서 side effect를 실행하면됨 !
이 함수는 다음과 같은 조건에서 실행됨
언제 실행되나요?
- 컴포넌트 생성 후 처음 화면에 렌더링(표시)
- 컴포넌트에 새로운 props가 전달되며 렌더링
- 컴포넌트에 상태(state)가 바뀌며 렌더링
이와 같이 매번 새롭게 컴포넌트가 렌더링 될 때 Effect Hook이 실행됨.
Hook을 쓸 때 주의할 점
- 최상위에서만 Hook을 호출합니다.
- React 함수 내에서 Hook을 호출합니다.
참조: 공식문서
'코딩공부 > T.I.L' 카테고리의 다른 글
| 2022-02-07 컴포넌트 내에서 AJAX 요청 (0) | 2022.02.07 |
|---|---|
| 2022-02-07 Effect Hook(2) - 조건부 실행 (0) | 2022.02.07 |
| 2022-02-07 Side Effect (0) | 2022.02.07 |
| 2022-02-07 State 끌어올리기 (0) | 2022.02.07 |
| 2022-02-07 [React] 데이터 흐름의 이해와 비동기 요청 처리 성취 목표 (0) | 2022.02.07 |