초보 개발자의 성장 일기

Hooks 규칙 본문

Development/React JS

Hooks 규칙

YUNA 2024. 1. 4. 20:14

리액트 훅이란?

use로 시작하는 모든 함수를 의미한다.

 

1. 리액트 훅은 리액트 컴포넌트 함수 또는 사용자 정의 훅에서만 호출해야 한다.

컴포넌트 함수가 아닌 일반 return하는 함수에서는 적용할 수 없다.

 

2. 리액트 컴포넌트 함수 사용자 정의 훅 함수의 최상위 수준에서 직접 호출해야 한다.

중첩 함수, block문에서 훅을 호출하면 안된다.

if문에서도 허용되지 않는다.

 

3. 참조하는 모든 항목의 의존성으로 useEffect 내부에 추가해야 한다.

useReducer 또는 useState에 의해 노출된 state 업데이트 함수는 변경되지 않도록 리액트가 보장한다.