2022/11/09 - Hook

Hook

Hook은 함수의 컴포넌트에서, 리액트의 상태와 라이프 사이클을 연결하는 함수를 말합니다.

⇒ 함수의 컴포넌트 라는 것은 클래스에는 Hook이라는 개념이 없다는 것을 의미한다

State Hook

useState는 함수형 컴포넌트에서 상태값을 관리하게 해준다.

초기 값을 파라미터로 받는다.

useState를 이용하여 get함수, set함수를 받는다.

상태값이 변할 때 마다 렌더가 된다.

Effect Hook

useEffect는 모든 렌더에서 실행된다. 받는 파라미터에 의존해서, 실행된다. 따라서 적절한 array를 넣지 않는다면 불필요하게 많이 실행된다.

Effect Hook을 한번만 실행한다면 class의 mount처럼 사용할 수 있다.

Hook 사용시 주의사항

함수 안에서 사용한다

상단 레벨에서 사용해야 한다(loop문 안에서 사용하면 안된다)