Prev

Ahn·2021년 9월 18일
0
post-thumbnail

prev라는건 임시저장공간에 있던 값을
그대로 받아서 뭔갈 해주는 녀석이다.

const [ count , setCount ] = useState(0)

const onClick = () => {
 	 setCount(count++)
	 setCount(count++)
  	 setCount(count++)
  	 setCount(count++)
  	 setCount(count++)
}

이렇게 한다고 카운트가 5씩 증가하지 않는다.
setCount로 인해 count가 증가하면 그값이 다시 전달되서
뿌려지기 때문에 첫번째 setCount만 실행되지, 두번째 부턴 실행되지 않는다.

그렇다면 이렇게 하면 어떨까

const [ count , setCount ] = useState(0)

const onClick = () => {
 	setCount((prev) => prev + 1);
    setCount((prev) => prev + 1);
    setCount((prev) => prev + 1);
    setCount((prev) => prev + 1);
    setCount((prev) => prev + 1);
}

이렇게 하게되면 임시저장공간에 있는 값들 하나하나 다 더해주기 때문에
클릭을 할때마다 5씩 증가한다

이걸 응용해서 false => true ,
true => false 이런식으로 계속 바꿔줄 수 있다.

profile
Hello~~👋

0개의 댓글