// 적절하지 못한 코드
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>
}