Hooks는 전체 component가 재실행된다
useCallback은 함수 자체를 캐싱하고, useMemo는 값을 캐싱한다. useRef는 일반 값을 기억한다면, useMemo는 복잡한 함수 return 값을 기억한다.
1
2
3
useCallback(() => {}, []);
useMemo(() => 값, []);
useCallback은 함수를 새로 만들지 않고 () => {} 자체를 캐싱하는 것이고, useMemo는 값만 캐싱한다. 자식 component에 prop로 함수를 넘길 때(onClick) 처음에는 console.log()로 값이 변하는지, 기억하고 있는지 확인하자!
출처: zeroCho blog https://www.zerocho.com/category/React/post/5f98e5841d7a110004463b87