React memo

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

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


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

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

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

相关推荐
Asmewill4 分钟前
uv包管理命令
前端
发现一只大呆瓜5 分钟前
深入浅出 Tree Shaking:Rollup 是如何“摇”掉死代码的?
前端·性能优化·vite
weixin1997010801624 分钟前
《转转商品详情页前端性能优化实战》
前端·性能优化
钮钴禄·爱因斯晨32 分钟前
他到底喜欢我吗?赛博塔罗Java+前端实现,一键解答!
java·开发语言·前端·javascript·css·html
Watermelo61732 分钟前
理解 JavaScript 中的“ / ”:路径、资源与目录、nginx配置、请求、转义的那些事
前端·javascript·vue.js·chrome·nginx·正则表达式·seo
Beingchou1 小时前
HTML头部元信息避坑指南大纲
前端·html
Hello--_--World1 小时前
JS:this指向、bind、call、apply、知识点与相关面试题
开发语言·javascript·ecmascript
jserTang1 小时前
手撕 Claude Code-4: TodoWrite 与任务系统
前端·javascript·后端
腹黑天蝎座2 小时前
大屏开发必读:Scale/VW/Rem/流式/断点/混合方案全解析(附完整demo)
前端·javascript
jserTang2 小时前
手撕 Claude Code-5:Subagent 与 Agent Teams
前端·javascript·后端