一：定义

useMemo 是 React 提供的一个 Hook，它可以缓存函数的计算结果，并且只在其依赖项发生变化时重新计算结果，性能优化，通过记忆值来避免在每个渲染上执行高开销的计算

import React, { useMemo } from 'react';
const value=useMemo(callback,array)

二：参数

1：第一个参数是会掉函数，用于处理逻辑，第二个参数是数组

2：不传数组，没错更新都会重新计算，如果是空数组，只会计算一次

3：依赖对应返回的值，也可以依赖宁外一个useMemo返回的值

三：代码

import React, { useMemo } from 'react';

function MyComponent({ a, b }) {
  const expensiveResult = useMemo(() => {
    // 一些需要耗费大量计算资源的操作，它依赖于'a'和'b'
    return a + b;
  }, [a, b]);

  return (
    <div>
      <p>{expensiveResult}</p>
    </div>
  );
}

四：总结

类组件的性能优化的方法是 shouldComponentUpdate 和 PureComponent，函数组件做性能优化的就是这个 useMemo