技术栈

React memo

巴巴_羊2025-05-03 15:28

机制:父组件渲染 子组件跟着渲染

做法:将需要隔离的组件通过memo()函数处理 生成新组件


父组件发生状态变化 子组件也重新渲染

cpp 复制代码
// 自定义组件  使用memo()进行优化
const MemoSon = memo(function Son(){
  console.log(`子组件被重新渲染`)
  return <div>this is a Son</div>
})

定义后组件只会在props变化时重新渲染

上一篇:数据库基本概念:数据库的定义、特点、分类、组成、作用
下一篇:PostgreSQL无法查看表中数据问题排查
相关推荐
Promise520
9 小时前
用油猴脚本实现用户身份快速切换
前端·javascript
玲玲512
9 小时前
vue3组件通信:defineEmits和defineModel
前端
温柔5329
9 小时前
仓颉语言异常捕获机制深度解析
java·服务器·前端
温宇飞
9 小时前
ECS 系统的一种简单 TS 实现
前端
shenshizhong
9 小时前
鸿蒙HDF框架源码分析
前端·源码·harmonyos
凌晨起床
9 小时前
Vue3 对比 Vue2
前端·javascript
clausliang
9 小时前
实现一个可插入变量的文本框
前端·vue.js
yyongsheng
9 小时前
SpringBoot项目集成easy-es框架
java·服务器·前端
fruge
10 小时前
前端工程化流程搭建与配置优化指南
前端
Aress"
10 小时前
uniapp设置vuex公共值状态管理
javascript·vue.js·uni-app
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03BongoCat - 跨平台键盘猫动画工具04GitLab 零基础入门指南:从安装到项目管理全流程05Linux下V2Ray安装配置指南06NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南07Labelme从安装到标注:零基础完整指南08安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)09在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)10jdk21下载、安装(Windows、Linux、macOS)