현재 state 값을 바탕으로 다음 state 값을 계산하고 싶다면
const [counter, setCounter] = React.useState(0);
const onClick = () => {
setCounter(counter + 1);
// setCounter(3232);
};
const [counter, setCounter] = React.useState(0);
const onClick = () => {
setCounter((current) => current + 1);
};
2번과 같이 함수를 사용하는 것이 더욱 안전하다.
current 라는 파라미터가 언제나 현재 state인 counter를 줄 것이고,
설령 중간에 예상못한 변화가 있더라도 혼동을 방지해줄 것.