React - useCallback

useMemo가 계산한 값을 저장해 사용한다면 useCallback은 함수를 메모이제이션해서 사용한다.

const memoizedCallback = useCallback(() => {doSomething(a, b);},[a, b],);

• 컴포넌트 안에 선언되어있는 함수는 랜더링이 될 때마다 실행되어 새로운 참조값으로 계속 변경된다.
• useCallback은 컴포넌트가 랜더링되어도 의존성 배열 안의 값이 바뀌지 않는 이상 기존의 함수를 계속 반환한다.
• 의존 값이 바뀌지 않았다면 랜더링이 되더라도 기존 함수를 재사용하게 된다.

출처)
공식문서 - usecallback
React Hooks: useCallback 사용법(DaleSeo 블로그)