超哥前端记录
React 中 useCallback 和 useMemo 到底该不该加?从一次列表卡顿排查说起
原创
关注作者
腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
超哥前端记录
社区首页
>
专栏
>
React 中 useCallback 和 useMemo 到底该不该加?从一次列表卡顿排查说起
React 中 useCallback 和 useMemo 到底该不该加?从一次列表卡顿排查说起
超哥前端记录
关注
发布于 2026-10-01 08:31:15
发布于 2026-10-01 08:31:15
12
0
举报
概述
上周排查了一个后台管理页面的卡顿问题,页面里有一个 200 行左右的数据表格,每行都渲染了一个带删除按钮的操作列。用户点击任意一行删除时,整个表格重新渲染,肉眼可见卡了半秒。打开 React DevTools 的 Profiler 录制后发现,明明只有一行数据变了,所有 200 行组件都重新执行了 render。团队里有人第一反应是“把事件处理函数用 useCallback 包一下”,也有人提议“
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系
cloudcommunity@tencent.com
删除。
react
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档