切换主题
十一、useCallback--解决memo带来的问题,缓存函数
在使用memo时,父组件传递的props数据会导致memo失效,重新渲染,这是不可避免的
但是,如果父组件传递一个函数,函数又不能改变,但是父组件每次重新渲染都会渲染一个函数,从而激发传递子组件的porps,导致memo失效,这会给子组件不必要的渲染
所以,如果子组件使用了memo,父组件传递的函数应该用useCallback进行包装
js
import {useCallback} from "react";
const clickHandler=useCallback(()=>{
//代码
},[依赖项])