useState는 무엇일까?

함수형 컴포넌트에서의 hooks 중 하나인
useState에 대해 살펴보자.

state란?

: 현재 상태이자, react에서 유동적인 데이터를 저장하고 싶을때 이용된다.

현재 상태값이 바뀌는 값일때 useState 개념이 다음과 같이 도입된다.

const[state,setState] = useState(초기값);

• state= 현재 상태값,
• setState = state를 변경하고 싶을때 쓰는 변수

이때, state 값을 변경할 때는 직접 조작이 안되므로 setState()를 이용해줘야 한다.

따라서 state값이 변경될때마다 브라우저가 재렌더링 되는데, 이밖에도 props로 데이터를 받아오거나 부모 컴포넌트가 렌더링 될때도 재렌더링 되는 것이다.

간단한 실습으로
input태그로 이메일,나이를 입력하는대로 밑에 목록이 뜨게 만들어보자.