[Hooks] 4 : useCallback

일반 함수는 컴포넌트가 리렌더링 될때마다 새로 생성된다.

useCallback은 함수를 재사용하여 렌더링을 최적화할 때 사용한다.

기본형태 : useCallback(function, deps)

deps: 검사할 값이 담긴 배열

 

 

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

 

 

함수 안에서 사용하는 상태값이나 props가 있다면 꼭 deps 안에 넣어줘야 해당 값을 최신 값으로 사용하게 된다.

 

 

 

react.vlpt.us/basic/18-useCallback.html

18. useCallback 를 사용하여 함수 재사용하기 · GitBook

 

xiubindev.tistory.com/102

React Hooks : useCallback() 함수 *컴포넌트 성능 최적화