hook - use로 시작하는 react 함수

hook- use로 시작하는 react 함수

 

대표적인 함수

useState, useEffect, useContext ... 등등 있다.

 

특징

1. hook은 컴포넌트 상단에 작성해야한다.

2. 조건문이나, 반복문, 컴포넌트 안에 함수(중첩된 함수)안에 작성하면 안된다.

 

function App(props) {
  // HOOK : use로 시작하는 함수
  // hook은 컴포넌트 상단에 작성해야한다.
  // 조건문, 반복문, 컴포넌트 내에 있는 함수안에 작성하면 안됨
  
  
  // 조건문
  if (true) {
    // hook 호출 코드 작성불가
  }
  
  // 반복문
  for (let i = 0; i < 3; i++) {
    // hook 호출 코드 작성불가
  }
  
  // 컴포넌트 내 함수
  function handle() {
    // hook 호출 코드 작성불가
  }
  return <div></div>;
}

 

Hook 관련 api 공식 문서

https://react.dev/reference/react/hooks

Built-in React Hooks – React