규칙
최상위(at the Top Level)에서만 hook을 호출해야 합니다.
반복문, 조건문 혹은 중첩 함수에서 hook을 호출하면 안 된다.
state는 컴포넌트의 실행 순서대로 배열에 저장된다.
만약 조건문 등을 만나면 컴포넌트의 실행 순서가 달라질 수 있다.
React 함수 내에서 hook을 호출
Hook을 일반적인 JavaScript 함수에서 호출하면 안 된다.
함수 컴포넌트, 커스텀 훅 내에서만 호출할 수 있습니다.
정리
두 규칙을 따랐을 때 컴포넌트가 렌더링 될 때마다 동일한 순서로 hook이 호출되는 것을 보장합니다.
참고
열정, 끈기, 집념의 Frontend Developer