React Hook이란?

React Hook이란?

상태와 컴포넌트를 엮을 때 사용하는 react 기능

• hook === '엮다'
• 상태를 리액트 컴포넌트에 넣을 때 사용한다
• 컴포넌트 트리와 (1)별도로, (2)재사용 가능한 로직이 들어있는 것

Hooks의 규칙

1. 컴포넌트 영역 안에서만 작동한다

2. 기능을 여러 훅으로 나누면 좋다

• 각 훅을 작게 유지하면 좋다
  
  

3. 리액트 함수 최상위 수준에서만 훅을 호출해야 한다

const User() {
  	// 함수 최상단
	const [user, setUser] = useState(firstUser)
    
    return(
    <>
      {/* UI 구현 부분*/}
    </>
    )
}

• 조건문, 루프, 내포된 함수 안에서 훅을 사용할 수 없다
• but 훅 안에 if문, 루프, 다른 조건을 내포할 수 있음

  ---

참고 자료

러닝 리액트 2판/ 알렉스 뱅크스, 이브 포셀로 저/ 한빛 미디어, O'RELLY