[React] React Hooks란?

React Hooks란?

클래스 컴포넌트의 기능을 함수 컴포넌트에서도 사용할 수 있게 도와주는 메서드를 말한다. 나는 이미 사용하고 있었다!!! useState와 useRef도 사실은 React Hooks였다.

 

 

React Hooks의 특징

• React Hooks에는 이름 앞에 접두사 use가 붙는다는 특징이 있다. 
• 함수 컴포넌트 내부에서만 호출 가능하다.
• 조건문, 반복문 내부에서는 호출 불가능하다.

 

Custom Hooks 만들기

• 함수를 만들고 함수의 이름 앞에 단지 use만 붙여주면 된다. 리액트는 내부적으로 use 접두사를 사용하는 함수를 커스텀 훅으로 인식하기 때문에 리액트 훅을 호출하여도 오류를 발생시키지 않는다.

 

커스텀 훅은 보통 src 폴더 밑에 hooks라는 폴더를 만들어서 보관한다.