useMemo & useCallback

import { useMemo } frmo ‘react’;

使用useMemo來幫進行大量運算的function做cache，如果要傳給它下一層的component的話，再用useCallback包起來。
useCallback顧名思義就是一個callback，它也可以用來放在useEffect之類的dependcies []裡。