Day 21 - Memorized Hook: useCallback

如果有错误，欢迎留言指教~ Q_Q 没写完啦

useCallback

回传一个 memoized 的 callback。

记住 function instance 的 useCallback，做快取加速用途

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

传递一个 inline callback 及依赖 array。

1. 仅在依赖改变时才会更新
2. 这些 child component 依赖於引用相等性来防止不必要的 render（例如，shouldComponentUpdate）

useCallback 其实就等於回传一个 function 的 useMemo

useCallback(fn, deps) 
useMemo(() => fn, deps)

使用时机: 大部分不用

在搭配 PureComponent 等、或是提供多个 useEffect 时使用

ref:

1. https://zh-hant.reactjs.org/docs/hooks-reference.html#usecallback