[React]

Hook

럭키🍀 2020. 3. 25. 15:15

Hook이란 간단히 말하자면 함수형 컴포넌트에서도 state를 가질 수 있도록 하는 것이다.

기존에는 조금 무거워도 클래스형 컴포넌트만이 state를 가질 수 있었기에 주로 사용하였지만 hook이 React버전 16.8이후로 도입되어 함수형 컴포넌트에 변화를 가져왔다.

 

간단한 공식 홈페이지의 예제를 통해 어떻게 동작하는지 살펴보자.

대표 예제를 보묜 useState를 통해 함수형 컴포넌트 내에서 state를 설정함을 볼 수 있다.

uesState의 사용법을 정리하면 위와 같다.

 

 

 

 

 

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

 

Hook의 개요 – React

A JavaScript library for building user interfaces

ko.reactjs.org

 

'[React]' 카테고리의 다른 글

React with Django  (0) 2020.03.27
React Life Cycle  (0) 2020.03.24
Event, Event Handling  (0) 2020.03.23
Props&State  (0) 2020.03.20
React 시작하기  (0) 2020.03.19