在vue中通常使用watch, watchEffect来计算某一个值,而在react中通常使用useMemo来使用。
useMemo的使用
let count = useMemo(() => {
return (a + b)
}, [a, b]) // a 和 b 必须是响应式
// 第二个参数接收一个数组, 表示当a或b发生改变的时候调,重新计算,该属性。
使用useMemo的注意点: 传入 useMemo 的函数会在渲染期间执行。请不要在这个函数内部执行与渲染无关的操作,诸如副作用这类的操作属于 useEffect 的适用范畴,而不是 useMemo。
注意:不要再useMemo使用,需要再挂载或者更新的时候操作。且useMemo有缓存。