首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >React 中 useCallback 和 useMemo 到底该不该加?从一次列表卡顿排查说起

React 中 useCallback 和 useMemo 到底该不该加?从一次列表卡顿排查说起

作者头像
超哥前端记录
发布于 2026-10-01 08:31:15
发布于 2026-10-01 08:31:15
120
举报
概述
上周排查了一个后台管理页面的卡顿问题,页面里有一个 200 行左右的数据表格,每行都渲染了一个带删除按钮的操作列。用户点击任意一行删除时,整个表格重新渲染,肉眼可见卡了半秒。打开 React DevTools 的 Profiler 录制后发现,明明只有一行数据变了,所有 200 行组件都重新执行了 render。团队里有人第一反应是“把事件处理函数用 useCallback 包一下”,也有人提议“

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档