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])