react - useState

useState

useState란 리액트 컴포넌트에서 동적인 값을 상태(state)라고 합니다.
일반적으로 리액트에서 상태값(state)를 변경하면 화면이 리랜더링 됩니다.
react 16.8버전 이후에는 함수형 컴포넌트가 생기고 Hook이 생기면서
useState 함수를 통해 State를 관리할 수 있게 되었습니다.

useState()는 초기값을 인수로 받아 호출됩니다.

이때의 return 값은 상태값과 상태값을 변경해주는 함수를 배열로 반환 해줍니다.

예시를 보겠습니다.

const [count,setCount] = useState('-1');

useState의 초기값은 -1 ,
count는 초기 값이 들어간 -1,
count를 변경할 수 있는 함수인 setCount

리액트에서는 상태값이 변경될때마다 화면을 리렌더링 할 수 있습니다