useCallback

useCallback

useCallback은 리렌더링 사이에 함수 정의를 캐시할 수 있게 해주는 React 훅입니다.

const cachedFn = useCallback(fn, dependencies)

• fn
• 캐시하려는 함수 값
• 어떤 인자도 받을 수 있고 어떤 값이라도 반환이 가능
• React는 초기 렌더링을 하는 동안 함수를 반환합니다.
• 다음 렌더링에서 React는 마지막 렌더링 이후 dependencies가 변경되지 않았다면 동일한 함수를 다시 제공

• denpendencies
• fn 코드 내에서 참조된 모든 반응형의 값의 배열
• 반응형 값에는 props, state, 컴포넌트 본문 내부에서 직접 선언한 모든 변수 및 함수가 포함