[React] -useState

shimsungbo·2022년 6월 19일
0
post-thumbnail

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

profile
개발 블로그

0개의 댓글