在 examples/react/editable-data 中不必要地重新渲染每一行和单元
作者: jasekiw创建于 2023年4月3日更新于 2026年2月5日
描述错误
每次一个单元格在实例/反应/可编辑数据实例中被编辑,整个表格都会重写. 如果用户想制造出大量的行,这个策略将开始变得缓慢. 在示例中的50行中,用14.4毫秒将整个表格与基本数据重排. 我将不稳定的引用缩小到单元格. getContext ().
您的最小,可复制的例子
https://GitHub.com/TanStack/table/tree/main/examples/resact/editable-data 互联网档案馆的存檔,存档日期2014-12-22.
- 复制步骤
- 开放反应dev工具剖面
- 开始剖析
- 点击单元格编辑
- 点击单元格
- 停止剖面仪
- 检查结果
预期行为
除非我其他的细胞对它有直接的依赖,否则只有受到影响的细胞才能恢复. 我甚至试图创建记忆 组件一直到细胞。
这个虫子多久发生一次?
每一次
QQ 屏幕截图或视频
无回复( N)
+++ 平台
窗口
QQ 反应表版本
8.8.5 国家
TypeScript 版本
无回复( N)
其他背景
如果这是图书馆不支持的, 那么我认为应该有一个文件部分 描述制造大量行和/或使用复杂单元格的陷阱。
· 术语和行为守则
- 我同意遵守这个项目的行为准则
- 我理解,如果我的bug在可调试的环境中无法可靠地被复制,它可能不会被固定,这个问题甚至可能关闭.
内容来源: TanStack/table