react useMemo 和 useCallBack 的用法

一、useMemo

概念：useMemo 主要用於效能最佳化，減少不必要的計算，返回一個 計算結果（一般情況下會是非常耗效能的複雜計算，有點像vue 裡的 computed 計算屬性）

用法：

const mapResult = useMemo(()=>{
    return (
        Arr.map(item => item*2)
    )
},[Arr])

useMemo接受兩個引數
引數1：計算方法
引數2：計算方法所依賴的項
在依賴項 Arr 不變的情況下，這個計算方法就不會執行，如果依賴項發生變化，計算方法就會執行
如果沒有依賴項，跟useEffect一樣，只會在初始化的時候執行

二、useCallBack