useState

함수형 컴포넌트 내부에서 상태를 관리할 수 있게 제공해주는 hook으로 React에서 기본적으로 제공되는 하나의 내장 함수처럼 동작합니다.

 

1. 프로토타입 

 

페이지에 초기 렌더링 될 때만 수행되고 이후 컴포넌트가 다시 호출될 때는 초기값으로 재할당되지 않습니다.

 

1-2 반환 값 (return)

2개의 요소를 가진 배열을 반환

state: 배열의 첫 번째 요소, 현재 state에 초기화된 상태 값

setState: 배열의 두 번째 요소, setter() 함수

 

setter() 의 인수에 전달한 값을 통해 state의 값을 업데이트할 수 있으며 setter() 가 호출되면 이전에 출력된 결과값과 비교하였을 때 변경된 부분이 존재하기 때문에 페이지에는 새롭게 업데이트된 결과값으로 re-rendering 됩니다.