useMemo的用法

发布时间 2023-06-30 16:31:25作者: 路鸣

类似于计算属性,当响应式依赖项变化时,计算新的cache值,如下:const cachedValue = useMemo(calculateValue, dependencies)

import { useMemo } from 'react';
 
function TodoList({ todos, tab }) {
const visibleTodos = useMemo(
() => filterTodos(todos, tab),
[todos, tab]
);
// ...
}
以上visibleTodos 会根据todostab 变化重新计算