useState prev

React Hooks에서 함수형 컴포넌트 상태관리 해주는 기능인 useState함수가 있다.

const [state, setState] = useState(sum);

상태 유지값과 그 값을 갱신하는 함수를 반환한다.

prev state

setState는 비동기로 작동하여 setState로 변경한 state값이 즉시 적용되지 않는다. (callback이 존재)
상태값이 변경 될 때 마다 화면에 나오지않는데 나오게하려면 렌더링을 변경시 마다 해야한다.
그러면 비효율적인데이 때 prevState를 사용할 수 있다.
prevState는 말 그대로 이전 상태를 나타낸다.
예시로

  const [count, setCount] = useState(0);
  const onClickCount = () => {
    setCount( count + 1);
    setCount( count + 1);

코드에서 값은 변경되었으나 화면에서 보이진 않는다.
즉각적으로 하고싶다면 ((count)=>count)형태로 한다면 이전 상태와 다음 상태를 덮어 씌울 수 있다. 이렇게 한다면 변경되어 상태 값을 즉시 state에 변경 시킬 수 있다.