[React] React Hooks이란

 

1) React Hooks이란?

: 함수형 컴포넌트가 클래스형 컴포넌트의 기능을 사용할 수 있도록 해주는 기능

 

 

 

반응형

 

 

2) React Hooks 종류

종류	기능
useState	함수형 컴포넌트에서 상태를 추가
useEffect	side effect 수행 -mount/unmount/update
useContext	React 컨텍스트(Context)를 사용하여 컴포넌트 간에 전역적으로 상태를 공유, 컴포넌트를 중첩하지 않고도 전역 값 쉽게 관리
useReducer	useState 대신 복잡한 상태 논리를 다룰 때 사용. 복잡한 컴포넌트들의 state를 관리 - 분리
useCallback	콜백 함수를 메모이제이션
useMemo	계산 비용이 높은 값을 메모이제이션
useRef	DOM 요소에 접근하거나, 컴포넌트의 인스턴스 변수를 만드는 데 사용. DOM선택, 컴포넌트 안에서 조회/수정할 수 있는 변수 관리