12. hooks
1> 개요
이전에는 클래스에서만 사용할 수 있는 기능이 있었음.
따라서, 함수에서는 사용할 수 없었기 때문에 크래스 컴포넌트가 많이 사용되었음.
React 16.8 이후부터는 클래스에서만 사용했던 기능을 함수에서도 사용할수 있도록 지원해줌. <== 이것을 hooks 라고 부름.
2> 종류
- useState
- useRef
- useEffect
- useContext
- useMemo
- useCallback
...
주의할점은 반드시 최상위 함수(컴포넌트)에서만 사용가능하다.
일반 함수, 반복문, 조건문등에서는 사용이 불가능하다.
https://ko.react.dev/reference/react/useState
useState – React
The library for web and native user interfaces
ko.react.dev
https://ko.react.dev/reference/react/useRef
useRef – React
The library for web and native user interfaces
ko.react.dev
https://react.dev/reference/react/useEffect
useEffect – React
The library for web and native user interfaces
react.dev
https://react.dev/reference/react/useContext
useContext – React
The library for web and native user interfaces
react.dev
https://ko.react.dev/reference/react/useMemo
useMemo – React
The library for web and native user interfaces
ko.react.dev
https://ko.react.dev/reference/react/useCallback
useCallback – React
The library for web and native user interfaces
ko.react.dev
참고
https://klmhyeonwooo.tistory.com/67
React Hooks의 종류와 사용법
1. useState useState는 가장 기본적인 훅이며, 컴포넌트 안에서 상태 관리를 해야하는 일이 발생한다면 이 hook을 사용한다. import React, { useState } from 'react'; const Counter = () => { const [value, setValue] = useState
klmhyeonwooo.tistory.com
'[study]이론정리 > React' 카테고리의 다른 글
| 배열반복(map함수) (0) | 2024.07.03 |
|---|---|
| 이벤트처리 (0) | 2024.07.03 |
| Props (0) | 2024.07.03 |
| image 사용하기 (0) | 2024.07.03 |
| JSX(JavaScript XML) (2) | 2024.07.03 |