useMemo的使用简述

一 useMemo的介绍

控制组件更新条件，可根据状态变化控制方法执行,优化传值，避免不必要的方法调用

useMemo有两个参数，和useEffect一样，第一个参数是函数，第二个参数是个数组，用来监听某个状态不变化

接下来我们看看它到底是如何使用的

第一步引入import React, { useState, useMemo } from 'react';

然后创建一个函数父组件 初始化name和content并且在父组件中使用子组件Button

二创建子组件

我们可以发现这种写法无论父组件点击哪个按钮 都会执行onchangename方法，这样当我们只想改变其中一个的时候就会造成多余的方法调用。

三 使用useMemo对方法改造

这个时候onchangename这个方法已经可控，name的值没有变化时则不会调用。