TIL/react

useCallback이란?

soomst 2022. 2. 27. 02:42

useCallback() 이란?

기본적으로 컴포넌트 실행 전반에 걸친 함수를 저장하는 hook이다. react에 함수를 저장하여 매 실행마다 재생성하지 않도록 한다.
메모리 내의 동일한 위치 중 하나에 저장되므로 동일한 함수(객체)인지 비교가 가능하다. 


useCallback(() => {...}, [dependencies])
  • 첫 번째 인수 : 저장할 함수
  • 두 번째 인수 : useCallback 호출의 dependency 배열 (useEffect와 동일)

useCallback을 왜 사용해야 할까?

  1. js 함수 동등성
  2. 의존 배열로 함수를 넘길 때 (클로져 개념 알기)
  3. React.memo와 함께 사용하기

[참고자료]