Dynamic Update of tabs doesn't open a tab by default
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 45/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- javascript, react
- 领域
- frontend
调研方向
首先使用提供的 Tabs、TabList、Tab 和 TabPanel 示例重现该问题，其中标签页数据在 componentDidMount() 中填充。跟踪 tabs 重新渲染后 defaultIndex={0} 的应用方式。当动态数组加载后第一个标签页可见地处于打开状态，且无需点击时，即表示完成。
由索引模型根据 Issue 内容生成。
描述
So I have a React Component with a tablist. If I make it Tab 1 and Tab 2 with Tabpanel 1 and 2 everything works fine.
However, if I have an array called 'Types' that gets filled in the componentDidMount(), it re-renders my Tabs, but in my browser, none of the tabs is opened. Meaning, I have to click one in order to open it. adding defaultIndex={0} didn't help.
This is what I render;
`
<TabList>
{types.map(type => <Tab><div className={styles.tab}>{type.value}</div></Tab>)}
</TabList>
{types.map(type =>
<TabPanel>
{ <p>{type.value}</p> }
</TabPanel>
)}
</Tabs>`
- 主要语言
- 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 ·
-
难度 4/5 3-5 天 新手友好度 35/100
reactjs/react-tabs#525 · 1 条评论 · 1 个 reaction ·
-
难度 3/5 1-2 天 新手友好度 35/100
reactjs/react-tabs#521 · 3 条评论 ·
查看 reactjs/react-tabs 的全部 Issue
相似的 Issue
-
awaiting triage bug Causes friction Hop Gui P1 P2 Transforms
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 70/100
georgestephanis/p2026#40 ·
-
难度 2/5 1-3 小时 新手友好度 75/100
Margaret-Petersen/food-delivery-app-clone-react-native#1981 ·