State prev

< State prev >

• prev는 임시저장공간이다
• useState를 활용한 예제)

import {useState} from "react"

export default function Hello() {
	const [count, setCount] = useState(0)
    
    const onClickbutton = () => {
    	setCount((prev) => prev + 1)
    }
    
    return(
		<>
        	<div>{count}</div>
            <button onClick={onClickbutton}>1씩 올리기!</button>
        </>
	)

}

우리가 궁극적으로 원하는 것은 버튼을 눌렀을때 1씩 증가하는 모습을 보고 싶어서이다.
setCount((prev) => prev + 1)
을 사용하는 이유는 prev라는 임시저장공간을 사용하여 초기값 0을 먼저 prev에 담고, 버튼이 눌릴때
prev = 0 + 1 = 1
prev = 1 + 1 = 2
prev = 2 + 1 = 3
prev = 3 + 1 = 4
prev = 4 + 1 = 5
와 같은 방법으로 증가되게 하는 것이다!