在React框架之中，useMemo是干什么用的?

在 React 框架中，useMemo 是一个用于优化性能的钩子。它主要用于缓存昂贵的函数计算结果，以避免在组件每次渲染时重复执行这些计算。通过 useMemo，你可以确保只有当依赖项发生变化时，函数才会被重新计算，从而减少不必要的计算，提高应用程序的性能。

useMemo 的基本用法

useMemo 接受两个参数：第一个是需要缓存的函数，第二个是依赖项数组。当依赖项发生变化时，缓存的值将被重新计算。

javascript
import { useMemo } from 'react';

function ExpensiveComponent({ input }) {
  const expensiveValue = useMemo(() => {
    // 这里进行一些昂贵的计算
    return computeExpensiveValue(input);
  }, [input]); // 依赖项

  return <div>{expensiveValue}</div>;
}

使用场景

1. 复杂计算：当组件需要进行复杂的计算，而这些计算结果不会频繁变化时，可以使用 useMemo 缓存结果。
2. API 调用：如果组件需要向 API 发送请求，并且结果依赖于某些状态或属性，可以使用 useMemo 缓存 API 调用的结果。
3. 避免不必要的渲染：当组件的一部分在特定状态或道具更改时不应该重新渲染时，可以使用 useMemo 来避免这部分的重新渲染。

注意事项

• 滥用：在不需要的地方使用 useMemo 可能导致性能问题，因为它会增加额外的开销。
• 依赖项列表：必须正确列出所有依赖项，以避免缓存结果不正确的问题。