개발하는SM

[React] Hook 사용규칙 본문

Web/Front-End

[React] Hook 사용규칙

개발하는SM 2023. 3. 13. 22:27

1. React Hook 은 React Function 내부에서만 사용한다.

 - JSX 를 return 하는 React Component Function 혹은 Custom Hooks 에서만 사용한다.

 

2. React Hook 은 Top Level 에서만 호출한다.

 - React Hook 을 nested 하게 사용할 수 없다.

 - React Hook 을 그 어떤 block statement 내부에서라도 사용할 수 없다.

   예시) 아래와 같은 형태는 불가함

        if(true){useEffect(()=>{})}

 

3. useEffect 훅 사용 시, useEffect 훅 내부에서 참조하는 모든 변수는 deps 배열에 추가한다. 

Rules of Hooks