博客列表 >React Hooks深入-useEffect,usecallback,useMemo区别

React Hooks深入-useEffect,usecallback,useMemo区别

拾一枝樱花的博客
拾一枝樱花的博客原创
2022年08月08日 17:31:43843浏览

useEffect

useEffect有两个参数,第一个参数是回调函数,第二个参数是一个数组,这个数组接受当前函数中的state,若第二个参数状态变化时,则执行回调函数;

useEffect只对当前函数中的状态更新有效;

useCallback

父组件将一个方法传递给子组件,若父组件的其他状态发生变化时,子组件也会跟着渲染多次,会造成性能浪费;
usecallback是将父组件传给子组件的方法给缓存下来,只有当 usecallback中的第二个参数状态变化时,子组件才重新渲染;

useMemo

父组件将一个值传递给子组件,若父组件的其他值发生变化时,子组件也会跟着渲染多次,会造成性能浪费;
useMemo是将父组件传递给子组件的值缓存起来,只有当 useMemo中的第二个参数状态变化时,子组件才重新渲染;

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议