Day 22 - Memorized Hook: useMemo

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

useMemo

回传一个 memoized 的值。

记住 return value 的 useMemo，做快取加速用途

const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);

传递一个「建立」function 及依赖 array。

只会在依赖改变时才重新计算。

如果没有提供依赖 array，那每次 render 时都会计算新的值。

这点跟 useEffect 很像，但是不要在 useMemo 做一些通常不会在 render 期间做的事情。

使用时机: 遇到复杂耗时计算时使用，

把计算好的结果存起来，用来比对何时该重新计算

每次 render 时，去比对依赖的值是否更改

过度使用，会影响效能

如果你的计算很单纯简单，那就不要用咧

ref:

1. https://www.infoq.cn/article/mm5btiwipppnpjhjqgtr