Hooks
•
Hook을 사용하면 함수 컴포넌트도 클래스 컴포넌트의 기능을 모두 동일하게 사용할 수 있다.
(Hook - 갈고리)
•
대표적인 훅
◦
useState()
▪
state를 사용하기 위한 Hook
▪
useState 사용법
•
리턴값으로 배열이 나옴
•
useState 사용 사례
◦
useEffect()
▪
Side effect를 수행하기 위한 Hook
▪
Side effect (=효과, 영향)
▪
다른 컴포넌트에 영향을 미칠 수 있으며, 렌더링 중에는 작업이 완료될 수 없기에 side effect라고 부름
▪
리액트의 함수 컴포넌트에서 side effect를 실행할 수 있게 해주는 hook
▪
사용법
◦
Effect function이 mount, unmount 시에 단 한 번씩만 실행되게 하려면 다음과 같이 설정 - 여러번 실행되지 않음
◦
의존성 배열을 생략하면 컴포넌트가 업데이트될 때마다 호출됨
◦
예제 코드
◦
useEffect 정리
