useMemo的使用简述
一 useMemo的介绍控制组件更新条件,可根据状态变化控制方法执行,优化传值,避免不必要的方法调用useMemo有两个参数,和useEffect一样,第一个参数是函数,第二个参数是个数组,用来监听某个状态不变化接下来我们看看他到底是如何使用的第一步创建一个函数父组件 初始化name和content并且在父组件中使用子组件Button二子组件我们可以发现这种写法无论父组件点击哪个按钮 都会执行on
·
一 useMemo的介绍
控制组件更新条件,可根据状态变化控制方法执行,优化传值,避免不必要的方法调用
useMemo有两个参数,和useEffect一样,第一个参数是函数,第二个参数是个数组,用来监听某个状态不变化
接下来我们看看它到底是如何使用的
第一步引入import React, { useState, useMemo } from 'react';
然后创建一个函数父组件 初始化name和content并且在父组件中使用子组件Button
二创建子组件
我们可以发现这种写法无论父组件点击哪个按钮 都会执行onchangename方法,这样当我们只想改变其中一个的时候就会造成多余的方法调用。
三 使用useMemo对方法改造
这个时候onchangename这个方法已经可控,name的值没有变化时则不会调用。
点击阅读全文
更多推荐
所有评论(0)