<aside> 👩🏻‍💻 목차

</aside>

들어가기

개발자로서 나의 성장을 도와준 블로그 쓰기

Hooks

• Hooks let you use different React features from your components. You can either use the built-in Hooks or combine them to build your own. This page lists all built-in Hooks in React.
• React 16.8버전부터 도입된 개념으로, 클래스 컴포넌트에서만 가능했던 상태 관리 및 생명 주기 메서드를 함수형 컴포넌트에서도 사용할 수 있도록 도와주는 기능

Built-in React Hooks – React

클래스 / 함수형 컴포넌트 사용시

componentDidMount

useA

componentDidUpdate

useB

componentWillUnmount

useC

• 문제점: (1)클래스 사용의 어려움 (2)객체 로직을 사용하기 어려움 (5) 등등

훅의 규칙

1. 최상위 레벨에서만 Hook이 호출되어야 한다. (컴포넌트 내 for문, 조건문 금지)

2. 컴포넌트 내에서만 사용가능하다.

3. Hook은 컴포넌트가 렌더링될 때마다 매번 같은 순서로 호출되어야 한다.

   

*커스텀 훅은 값 재사용이 아닌 로직 재사용임에 주의 !!