react hooks （三） useMemo

1.类似vue中的computed计算属性

useMemo接收一个计算函数，并将其作为第一个参数传递给 useMemo。useMemo 还接收一个依赖数组作为第二个参数，其中包含了需要监视变化的变量。当dep1，dep2变更时重新计算结果。

import React, { useMemo } from 'react';

function MyComponent() {
  const result = useMemo(() => {
    // 计算过程
    return value;
  }, [dep1, dep2]);

  // 渲染组件
  return (
    <div>{result}</div>
  );
}