useState 기본 사용법
useState는 React 함수 컴포넌트에서 상태를 관리하는 가장 기본적인 훅이다.
const [count, setCount] = useState(0);초기값 지연 계산
초기값 계산이 비용이 클 때는 함수를 전달한다.
// ❌ 매 렌더링마다 계산
const [data, setData] = useState(expensiveCalculation());
// ✅ 첫 렌더링에만 계산
const [data, setData] = useState(() => expensiveCalculation());함수형 업데이트
이전 상태를 기반으로 업데이트할 때는 함수형 업데이트를 사용한다.
// ❌ 클로저 문제 발생 가능
setCount(count + 1);
// ✅ 항상 최신 상태 기반
setCount(prev => prev + 1);