palantir/blueprint

Support for lazy loading tabs

Open

#4,669 建立於 2021年4月22日

在 GitHub 查看
 (0 留言) (3 反應) (0 負責人)TypeScript (2,167 fork)batch import
P2Package: coreType: feature requesthelp wanted

倉庫指標

Star
 (20,263 star)
PR 合併指標
 (平均合併 43天 10小時) (30 天內合併 27 個 PR)

描述

There is support for renderActiveTabPanelOnly but not something in between: Do not unmount any tabs, but only mount tabs after they are clicked on instead of all at initial load.

This is the default behavior in some libraries (eg. https://ant.design/components/tabs/, it can still overwrite default behavior with forceRender prop).

貢獻者指南

研究方向
該問題請求為標籤頁新增一個懶載入的新屬性，基於現有的 `renderActiveTabPanelOnly` 屬性。實作者應檢查 `src/components/tabs` 目錄下的 Tabs 元件原始碼，以理解目前的渲染邏輯。一種可能的方案是使用 React 的 `useState` 和 `useEffect`，僅在首次啟動時才掛載標籤面板。其行為應模仿 Ant Design 的 Tabs 元件的預設行為，並提供一個可選的 `forceRender` 屬性。目前沒有關聯的 PR 或評論，因此實作者可以在新的 PR 中提出解決方案。
技術棧
typescriptreact
領域
frontend
議題類型
功能
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 小時
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
新近可參與
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
React
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
70