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