useMemo、useCallback简单理解

时间：2019-11-12 19:58:59 阅读：86 评论：0 收藏：0 [点我收藏+]

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

原文：https://www.cnblogs.com/huangqiming/p/11844514.html

踩

(0)

评论一句话评论（0）

分享档案

更多>