state Functions

현재 state 값을 바탕으로 다음 state 값을 계산하고 싶다면

1. 직접 값을 설정해주기

const [counter, setCounter] = React.useState(0);
      const onClick = () => {
        setCounter(counter + 1);
        // setCounter(3232);
      };

2. 함수를 전달하기

const [counter, setCounter] = React.useState(0);
      const onClick = () => {
        setCounter((current) => current + 1);
      };

2번과 같이 함수를 사용하는 것이 더욱 안전하다.
current 라는 파라미터가 언제나 현재 state인 counter를 줄 것이고,
설령 중간에 예상못한 변화가 있더라도 혼동을 방지해줄 것.