开关展开行会重新渲染所有展开行
还没有人认领这个 Issue。
评估
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 新手友好度
- 35/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- react, typescript
- 领域
- frontend, performance
调研方向
首先阅读 src/Body/BodyRow.tsx 中链接的部分，以及 src/hooks/useExpand.ts 中的 mergedExpandedKeys 逻辑。使用已更改的数据源重现展开行为，然后验证切换一行不会重新渲染不相关的已展开行，并且恢复的数据不会重新获得过时的展开状态。
由索引模型根据 Issue 内容生成。
描述
目前是用一个set存的所有已展开行的key，然后到这里react就会重新渲染所有已展开的行，造成不必要的开销。是否应该将是否展开作为行数据的一个属性，配合key，react就可以做到精准更新这一行。
目前的方案还存在一个问题，数据源改变后 #mergedExpandedKeys并没有改变，当数据源重新变回来后又以展开状态渲染了表格。
- 主要语言
- TypeScript
- 星标
- 1.4k
- 派生
- 619
- PR 合并指标
- 30 天内没有已合并 PR
环境准备
这个项目没有提供开发容器、Dockerfile 或贡献指南，环境需要你自己搭建：先看它的 README，通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
react-component/table 的其他 Issue
-
Fixed-header tables force one getBoundingClientRect per column on every mount (ResizeObserver-driven MeasureCell)可能已有人在做 @rubenmarcus 于 11 天前认领。 未关闭
难度 4/5 3-5 天 新手友好度 42/100
react-component/table#1507 ·
-
rowExpandable does not work when dataSource has children field可能已有人在做 @nrps9909 于 45 天前认领。 未关闭
难度 3/5 1-2 天 新手友好度 50/100
react-component/table#1416 ·
-
难度 5/5 一周以上 新手友好度 30/100
react-component/table#1403 ·
-
难度 5/5 一周以上 新手友好度 15/100
react-component/table#1269 · 1 条评论 ·
-
难度 4/5 3-5 天 新手友好度 35/100
react-component/table#1257 · 1 个 reaction ·
查看 react-component/table 的全部 Issue
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 78/100
JoviDeCroock/pracht#432 ·
维护者通常 1 天内回复
-
approved check:passed streams:add
难度 1/5 1 小时以内 新手友好度 75/100
维护者通常 1 天内回复
-
Hardware attribute name "app Connection Support" has inconsistent casing可能已有人在做 关联的 PR 仍在进行中或已合并。 未关闭
难度 1/5 1 小时以内 新手友好度 88/100
walletbeat/walletbeat#1628 ·
维护者通常 1 天内回复
-
bug go
难度 2/5 1-3 小时 新手友好度 82/100
genkit-ai/genkit#6761 · 1 条评论 ·
维护者通常 2 天内回复
-
难度 2/5 1-3 小时 新手友好度 72/100
NousResearch/hermes-agent#136483 ·
维护者通常 1 天内回复