Support hiding of all TabPanels
还没有人认领这个 Issue。
评估
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 新手友好度
- 35/100
- Issue 类型
- 功能
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- javascript, react
调研方向
首先跟踪 react-tabs 对 defaultIndex 的处理方式，以及未选择任何选项卡时 TabPanel 的渲染如何响应。定义 defaultIndex={null} 的行为，包括选择选项卡后的激活，并通过测试覆盖初始为空的状态和后续选择两种情况。
由索引模型根据 Issue 内容生成。
描述
Firstly, thanks for this great lib. The focus on a11y is a huge +1.
The UI I'm aiming for is a tab-strip with all the tab panels closed, and a tab is activated only when the user selects a tab. It looks like react-tabs doesn't currently support hiding all the tab panels.
I searched the issues here to find #287, but this seems to be using a CSS-only solution. This will still cause the DOM to have the tab panel. This not only adds unnecessary stuff to the DOM (my tab panel could have a lot of DOM nodes), but also fires off the rendering lifecycle of the tab panel's contents, including all the hooks for that panel. In my case, this would trigger network requests and such, which I would like to avoid.
Would it be possible to build support for something like defaultIndex={null}, so that all tab panels can be hidden away until needed?
- 主要语言
- JavaScript
- 星标
- 3.1k
- 派生
- 455
- 平均合并
- 5 小时 9 分钟
- 30 天内合并 PR
- 2
贡献指南
这个仓库没有索引到贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
reactjs/react-tabs 的其他 Issue
-
难度 3/5 1-2 天 新手友好度 25/100
reactjs/react-tabs#584 ·
-
难度 2/5 1-3 小时 新手友好度 45/100
reactjs/react-tabs#581 · 3 条评论 ·
-
难度 3/5 1-2 天 新手友好度 35/100
reactjs/react-tabs#571 ·
-
难度 3/5 1-2 天 新手友好度 35/100
reactjs/react-tabs#521 · 3 条评论 ·
-
难度 3/5 1-2 天 新手友好度 42/100
reactjs/react-tabs#507 · 1 条评论 ·
查看 reactjs/react-tabs 的全部 Issue
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 65/100
-
难度 2/5 1-3 小时 新手友好度 75/100
docToolchain/docToolchain#1705 ·
-
Timezone select lists one option per character; duplicate "Failed" reason; shared tracker popover id 未关闭bug
难度 2/5 1-3 小时 新手友好度 75/100
nightscout/nocturne#1414 ·
-
bug v2
难度 2/5 1-3 小时 新手友好度 75/100
modelcontextprotocol/inspector#2458 · 1 条评论 ·
-
Mend: dependency security vulnerability status: needs triage 🕵️♀️
难度 2/5 1-3 小时 新手友好度 70/100
carbon-design-system/ibm-products#9907 ·