useMemo

它在组件重新渲染时候能缓存计算结果.

类似Vue的计算属性copmuted

使用方式:

const cachedValue = useMemo(calculateValue, dependencies)

Using

function App(){
    const [count, setCount] = useState(0)
    const res = useMemo(() => {
    	return count+1
	},[count])
}

• res就是useMemo函数缓存函数的返回值count + 1

• dependencies也就是依赖项, 表示依赖于什么状态, 当这些状态发生更新时, calculateValue计算值会重新计算.

缓存: 当dependencies依赖项没有改变是, 它会直接返回缓存的值, 不会重新计算. 只有当依赖项更改时, 才会触发重新计算.