useState에 대해서 알아보자

서론

저번 게시글에서는 useEffect에 대해서 알아보았다.
이번에는 동적으로 정보를 처리하기위한 useState에 대해서 알아보자.

useState란?

컴포넌트 상태값이 동적으로 바뀔 때 이 바뀐 값을 바로 반영해주거나, 관리하는 것이 필요하다.
React에서는 동적인 값을 상태(state)라고 부르는데 이 값을 관리하기위한 함수가 useState다.

사용법

javascript
복사
1import { useState } from 'react';

위의 코드로 사용할 준비는 끝났다.

javascript
복사
1const [number, setNumber] = useState<number>(0);  

useState 함수를 호출하면 함수를 반환한다.
1번째 원소 'number' 는 현재 상태 값 변수, 2번째 원소 setNumber는 상태값을 갱신해주는 Setter 함수 이다.
useState문 는 typeScript에서 사용하는 자료형선언, (0) 는 상태의 초기값이다.

마치며

다음 게시글에서는 앞서배운 useState를 이용해 간단한 예제를 만들어보자.