[React] Hook의 규칙과 Custom Hook - 커스텀 훅 특징 및 사용법 Hook의 규칙 1. Hook은 무조건 최상위 레벨에서만 호출해야 한다. 반복문이나 조건문, 중첩된 함수들 안에서 Hook을 호출할 수 없다. Hook은 컴포넌트가 렌더링 될 때마다 매번 같은 순서로 호출되어야 한다. ⏩ useState(), useEffect()를 호출해서 컴포넌트의 state를 올바르게 관리할 수 있도록 한다. 📌 예제1. 잘못된 Hook 사용법 import { useEffect } from 'react'; function MyComponent(props) { const [name, setName] = useState('yuns'); if(name !== '') { useEffect(()=> { ... }); } ... } ⏩ 렌더링할 때마다 Hook이 같은 순서로 호출되지 않고, 조.. 이전 1 다음
