훅스

    반응형
    이미지21

    [ React ] 리액트 Hooks(useState, useEffect)

    Hooks 는 함수형 컴포넌트에서도 state 를 관리할 수 있도록 해주는 useState 와 렌더링 직후 작업을 수행하는 useEffect 등을 제공한다. ​ useContext, useReducer, useCallBack 등 여러 기능이 더 있지만, 현 게시글에선 useState 와 useEffect 기능만을 다룬다. ​ 이는 리액트 version 16 부터 제공되는 기능이다. ​ ​ ​ react-hook 이라는 프로젝트를 생성하고 실행해보자. C:\> create-react-app react-hook C:\> cd react-hook C:\react-hook> yarn start useState 먼저 useState 는 가장 기본적인 Hook 의 기능으로 함수형 컴포넌트 내에서 능동적으로 상태를 ..