state란 ?

State는 컴포넌트 내에서 지속적으로 변경이 일어나는 값을 관리하기 위해 사용한다.

개발자가 의도한 동작에 의해 변할 수도 있고 사용자의 입력에 따라 새로운 값으로 변경될 수도 있다.

State 값이 변경되고 재 렌더링이 필요한 경우에 React가 자동으로 계산하여 변경된 부분을 렌더링 한다.

state 선언

state는 변수, setState는 state를 변경시켜주는 함수,
useState는 state, setState를 return 하면서 초기값을 설정해주는 hook이다.

<script>
	const [state, setState] = useState(초기값)
</script>

state 값 변경

state 값을 변경할 때는 setState 함수를 이용하여 변경해야지만 react가 state값이
변경되었다는 것을 인식하여 화면에 렌더링 한다.

마치며..

state는 렌더링을 일으킬 수 있는 변수이다. setState는 state의 값을 변경할 때 사용하는 함수이다. useState는 state의 초기값을 정할 수 있고, return 값으로 state,
setState를 돌려주는 hook이다.
setState 함수 사용 시 이전 state 값을 사용하고 싶으면 prevState를 이용하면 된다.