[React] -useState

Hook 이란 무엇인가?

• Hook은 함수 컴포넌트에서 React State의 생명주기 기능을 연동 할 수 있게 해주는 함수이다.

• Hook은 React 16.8에 새로 추가 된 기능이다. Hook는 class를 작성하지 않고도
  state와 다른 React의 기능들을 사용할 수 있게 해준다.

추가로 Hook은 조건문, 반복문처럼 스코프안에 깊숙히 있으면 오류가 날 수 있다.
함수 최상단 스코프에 선언하는게 안전하다. 참고

state와 사용이유

• state는 리액트에서 앱의 유동적인 데이터를 다루기 위한 객체이다.
• state를 사용하는 이유는 state가 변경되면 자동으로 재렌더링이 되기 때문이다.(변수는 안됨)

import {useState} from 'react
let [state, setState] = useState(0) // ES6 destructuring

useState는 배열을 반환하며,

• 배열의 첫 번째 요소는 <상태 값 저장 변수>
• 두 번째 요소는 <상태 값 갱신 함수>

위와 같이 destructuring(비구조화 할당)을 통해서 state를 저장한다.

---

출처:
https://ko.reactjs.org/docs/hooks-intro.html