본문 바로가기

카테고리 없음

Hook 이란 무엇인가...

 

더보기

1. 내가 이해한 Hook

 

hook은 함수처럼 미리 만들어놓고 사용한다 . 그러면 함수와는 뭐가 다른가 

Hook은 함수 컴포넌트에서 React 'state' 와 생명주기 기능 (life cycle) 를 사용할수 있게 해준다.

그리고 무조건 최상위 레벨에서만 훅을 호출해야한다.

-> 레벨은 블록단위를 뜻하는데 Component를 정의하는는 코드내에서 제일 바깥,

최상위 레벨에서만 훅을 호출해야한다.

 React에서 제공하는 컴포넌트가 사용할 수 있는 내장 메서드 같은 것들

2. Hook

 

사용시 장점

 

-계층의 변화 없이 상태 관련 로직을 다시 사용 할수 있다

-클래스 없이 React의 기능들을 사용 할 수있다.

-작은 함수의 묶음으로 Component를 나누어 사용가능하다.

-일부 Component에서만 '선택적으로 사용' 가능하다.

 

 

요 약 


Hook이란 Class Component에서 사용하는 '
state' 와 'lifeCycle'을 function Component 에서 사용할수 있도록 해준다.

state는 useState()로 사용, lifeCycle 는 useEffect()로 사용 가능

여기서 말하는 useState() 와 useEffect가 Hook이다.