ConnecTo
2022/11/09 - Hook
codevil
2022. 11. 9. 21:07
Hook
Hook은 함수의 컴포넌트에서, 리액트의 상태와 라이프 사이클을 연결하는 함수를 말합니다.
⇒ 함수의 컴포넌트 라는 것은 클래스에는 Hook이라는 개념이 없다는 것을 의미한다
State Hook
useState는 함수형 컴포넌트에서 상태값을 관리하게 해준다.
초기 값을 파라미터로 받는다.
useState를 이용하여 get함수, set함수를 받는다.
상태값이 변할 때 마다 렌더가 된다.
Effect Hook
useEffect는 모든 렌더에서 실행된다. 받는 파라미터에 의존해서, 실행된다. 따라서 적절한 array를 넣지 않는다면 불필요하게 많이 실행된다.
Effect Hook을 한번만 실행한다면 class의 mount처럼 사용할 수 있다.
Hook 사용시 주의사항
함수 안에서 사용한다
상단 레벨에서 사용해야 한다(loop문 안에서 사용하면 안된다)