yoon9i 2024. 7. 3. 17:27

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