[학습] useState 의 set 함수

리얼큐·2025년 3월 4일

* useState 의 업데이트 함수에는 업데이트 함수를 지정하는 것이 좋다.

// 적절하지 못한 코드
function MyComponent() {
  const [num, setNum] = useState(0);
  
  const onClickButton = () => {
  	setNum(num + 1); // 직접 num 을 변경
  };
  
  <button onClick={onClickButton}>버튼</button>
}

// 적절하게 변경한 코드
function MyComponent() {
  const [num, setNum] = useState(0);
  
  const onClickButton = () => {
  	setNum( (prev) => prev + 1 ); // 변경할 함수를 지정
  };
  
  <button onClick={onClickButton}>버튼</button>
}

0개의 댓글