본문 바로가기
Front-End/React

Hook

by debugggggger 2023. 5. 23.
  • class를 작성하지 않고도 state와 다른 react의 기능들을 사용할 수 있게 해줌
  • 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 “연동(hookinto)”할 수 있게 해줌
  • Class안에서는 동작하지 않으며, 대신 class 없이 React 를 사용 할 수 있게 해줌
  • 종류
    • useState : 현재의 state와 이 값을 업데이트하는 함수를 쌍으로 제공
    • useEffect : side effects(React 컴포넌트 안에서 데이터를 가져오거나 구독하고, DOM 을 직접 조작하는 작업)를 수행할 수 있게 해줌
    • useCallBack : 특정함수를 새로 만들지 않고 재사용하고 싶을때 사용.
    • useMemo : 인수를 각각 함수. 배열을 받아 배열의 값이 바뀔때만 함수를 실행.
    • useQuery : React Query를 통해 서버로부터 데이터를 조회해올때 사용.