React memo

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

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


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

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

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

相关推荐
Space Chars16 分钟前
【大前端】使用NodeJs HTTP模块创建web服务器、SSE通讯
服务器·前端·http
Quke陆吾1 小时前
Vue框架1(vue搭建方式1,vue指令,vue实例生命周期)
前端·javascript·vue.js
Oscar_02082 小时前
uniapp+ts 多环境编译
前端·vue.js·typescript·uni-app
shmily麻瓜小菜鸡2 小时前
前端项目中实现页面看起来像是浏览器缩放到了80%的效果
前端
EndingCoder2 小时前
从零基础到最佳实践:Vue.js 系列(9/10):《单元测试与端到端测试》
前端·javascript·vue.js·性能优化·单元测试·vue3
How_doyou_do2 小时前
Vue-创建应用/挂载应用/根组件模版-.vue单文件/应用配置
前端·javascript·vue.js
王者鳜錸3 小时前
Vue3集成Element Plus完整指南:从安装到主题定制下-实现后台管理系统框架搭建
前端·javascript·vue.js
YJlio3 小时前
优启通添加自定义浏览器及EXLOAD使用技巧分享
前端
EthanPan_3 小时前
【npm】npm命令大全
前端·npm·node.js
Hello-Mr.Wang3 小时前
Vue 3 实现 Excel 表格解析的完整指南
前端·vue·excel