一 useMemo的介绍

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

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

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

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

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

二创建子组件

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

三 使用useMemo对方法改造

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

点击阅读全文
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐