ionic-team / ionic-team/ionic-framework
bug: IonTabs throws when a Fragment contains one IonRouterOutlet
- 主要语言
- TypeScript
- 星标
- 52.7k
- 派生
- 13.3k
- 平均合并
- 1 天 15 小时
- 30 天内合并 PR
- 51
描述
### Prerequisites
- [x] I have read the contributing guidelines.
- [x] I agree to follow the Code of Conduct.
- [x] I searched existing issues without finding this problem.
### Ionic Framework Version
v8.x, v9.x, Nightly
### Current Behavior
When `IonRouterOutlet` is the only child of a React Fragment passed to `IonTabs`, rendering throws:
```text
TypeError: Cannot read properties of undefined (reading 'type')
```
`IonTabs` treats the Fragment's children as an array, but React stores a single child as an element.
### Expected Behavior
`IonTabs` should render when `IonRouterOutlet` is wrapped in a single-child Fragment.
### Steps to Reproduce
1. Clone the reproduction.
2. Run `npm install` and `npm run dev`.
3. Open the app.
### Code Reproduction URL
https://github.com/Benziza/ion-tabs-fragment-repro
### Ionic Info
```text
Ionic CLI : 7.2.1
Ionic Framework : @ionic/react 9.0.1
NodeJS : v25.6.0
npm : 11.12.1
OS : Windows 10
```
### Additional Information
Removing the Fragment allows the same app to render.
贡献指南
调研方向
Start with the IonTabs implementation and reproduce the failure using the linked app with npm install and npm run dev. Confirm the fix by rendering an IonRouterOutlet as the only child in a React Fragment passed to IonTabs without the TypeError.
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- react, typescript
- 领域
- frontend
- Issue 类型
- 缺陷
- 难度
- 2/5
- 预计耗时
- 1-3 小时
- 活跃度
- 活跃
- 描述清晰度
- 基本清楚
- 新手友好度
- 72/100