TIL) hook 개념 및 useEffect 사용법

hook이란?

Hook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 “연동(hook into)“할 수 있게 해주는 함수이다.

 

hook의 종류

hook에는 useState, useEffect 등이 있다.

 

useEffect 사용법

useEffect(함수, [종속성1, 종속성2...])
- 배열 내의 종속성1, 2의 값이 변할 때 첫번째 인자인 함수가 실행됨
- 종속성이 선언되지 않으면 컴포넌트 렌더링 될 때 함수 자동 실행
- 만약 종속성으로 [](빈배열)이 선언되면 컴포넌트가 처음 생성될 때만 함수가 실행됨

 

 

 

참고

https://velog.io/@khy226/%EC%9E%90%EC%A3%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-React-Hook-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0#:~:text=Hook%EC%9D%80%20%ED%95%A8%EC%88%98%20%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%EC%97%90%EC%84%9C,%EB%A5%BC%20%EC%82%AC%EC%9A%A9%ED%95%A0%20%EC%88%98%20%EC%9E%88%EA%B2%8C%20%ED%95%B4%EC%A4%80%EB%8B%A4.

https://ko.reactjs.org/docs/hooks-intro.html