![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 92
星海拾遗
大大大大大前端成长之路
展开
-
react性能优化之shouldComponentUpdate的原理剖析
同样的,我也不会对这个函数的语法进行分析,主要功能就是页面展示1,2,3,点击之后数字+1。如果组件的props和state没有变化,但是它的父组件render执行了,那么也一并会触发子组件的执行!此时渲染1和2的两个son组件,它们的props是没有变化的,它们的states也是没有变化的,但是它们的render函数还是执行了。其实在图中可以看出,由于使用的是引用对象而且指向的是同一个内存区域,所以在数据更新的时候,所以在作比较的时候永远是“自己等于自己”。如果你的答案是“NO”,那么看下面这个例子。原创 2023-04-14 14:02:35 · 1987 阅读 · 1 评论 -
useCallback和useMemo一点通
useCallback和useMemouseCallback和useMemo的区别useMemouseCallback首先从简单的讲一下两者的区别useCallback和useMemo的区别基本使用 // 贴上代码片利于复制 import { React, useState, useMemo, useCallback } from "react"; export default function TestPage() { const callBack = useCallback(() =&原创 2022-04-12 00:28:53 · 784 阅读 · 0 评论