开关展开行会重新渲染所有展开行
還沒有人認領這個 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
- 分支
- 623
- 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 於 17 天前認領。 未關閉
難度 4/5 3-5 天 新手友好度 42/100
react-component/table#1507 ·
-
rowExpandable does not work when dataSource has children field可能已有人在做 @nrps9909 於 52 天前認領。 未關閉
難度 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
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
難度 1/5 1 小時以內 新手友好度 90/100
lingdojo/kana-dojo#32663 · 1 則留言 · 5 個 reaction ·
維護者通常 1 天內回覆
-
Admin: Title Separator field can't be cleared (input falls back to "|")可能已有人在做 @emdashbot 今天認領。 未關閉bot:bug bot:in-review
難度 2/5 1-3 小時 新手友好度 80/100
emdash-cms/emdash#4236 · 3 則留言 ·
維護者通常 1 天內回覆
-
PHP workflow streaming requests buffer the full SSE response可能已有人在做 @Winoren 今天認領。 未關閉review: medium
難度 2/5 1-3 小時 新手友好度 84/100
langgenius/dify#44270 · 1 則留言 · 1 個 reaction ·
維護者通常 1 天內回覆
-
area:holodeck review-finding
難度 2/5 1-3 小時 新手友好度 62/100
hyperdrive-technology/holodeck#142 ·
維護者通常 1 天內回覆
-
難度 1/5 1 小時以內 新手友好度 90/100
code-yeongyu/senpi#3573 ·
維護者通常 1 天內回覆