useMemo、useCallback簡單理解

1、useMemo、useCallback都是使參數（函數）不會因為其他不想關的參數變化而重新渲染。

（1）useMemo

  const memoDom = useMemo(() => {
    return <div>{memoValue}</div>
  }, [])

（2）useCallback

  const callbackTest = useCallback(() => setCount(c => c + 1), [])

2、與useEffect類似，[]內可以放入你改變數值就重新渲染參數（函數）的對象。如果[]為空就是只渲染一次，之后都不會渲染。

  const memoDom = useMemo(() => {
    return <div>{memoValue}</div>
  }, [test])