이전에 이야기 했던 setState의 작동원리에서 setState는 값을 모두 비교한 후에 최종 값을 함수가 종료되면 리렌더링을 진행하게 된다라고 했다 setState의 작동원리 참고
그러면 바로바로 값을 변경해서 사용해야 할때에는 어떻게 사용해야 할까??
바로 prev를 사용하면 된다!
const [count, setCount] = useState(0)
setCount((prev) => prev + 1);
setCount((prev) => prev + 1);
setCount((prev) => prev + 1);
setCount((prev) => prev + 1);위와 같이 작성하게 되면은
임시저장공간에 있는 값을 prev로 가져와서 계산을 진행하게 된다
만약 임시저장공간에 값이 없다면 어떻게 되는가?
그러면 현재 count의 값을 prev로 가져오게 된다
이런 방법은 보통 값을 ture, false값을 즉시 변경하여 창을 화면에서 보이게 하거나 사라지게 할때 많이 쓰인다
