Study/react
[React] React Hooks
주닝닝
2021. 10. 27. 04:23
React Hooks
Hooks 는 리액트 v16.8 에 새로 도입된 기능으로서, 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능등을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해준다.
이전에는 함수형 컴포넌트에서의 기능이 많이 제한됐었는데 Hooks 발표 이후 많은 기능들을 쓸 수 있게 되었다.
즉, 생명주기메소드를 함수형 컴포넌트에서도 이용할 수 있게 된 것이다.
https://ko.reactjs.org/docs/hooks-overview.html
Hook 개요 – React
A JavaScript library for building user interfaces
ko.reactjs.org
Hooks 발표이후 클래스컴포넌트에서의 기능을 함수형컴포넌트에서도 구현할 수 있게 되었다.
- useState : 가장 기본적인 Hook 으로서, 함수형 컴포넌트에서도 가변적인 상태를 지니고 있을 수 있게 해줌
- useEffect : 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 수행하도록 설정 할 수 있는 Hook