SwiftUI如何遍历API返回的JSON嵌套数组？

问题根源 #

从你给出的类型信息能明确，upcomingEvents是可选的二维数组：Optional<Array<Array<UpcomingEventDatum>>>，也就是[[UpcomingEventDatum]]?。当前代码只遍历了外层数组，拿到的event是[UpcomingEventDatum]类型，直接传给Text(event)会报错，同时ForEach的使用也没匹配正确的元素类型，才触发了Binding类型不匹配的提示。

修复步骤 #

1. 修正遍历逻辑（嵌套ForEach） #

因为是数组的数组，需要两层ForEach完成遍历：外层遍历每个子数组，内层遍历子数组里的单个UpcomingEventDatum元素。另外，Text必须显示元素的具体属性（比如name），不能直接传入数组对象。

修改后的视图代码：

@State private var upcomingEvents: [UpcomingEventData]? // 等价于 [[UpcomingEventDatum]]?

// ... 其他视图代码 ...

VStack {
    if let eventsArray = upcomingEvents {
        // 外层遍历：每个元素是 [UpcomingEventDatum]，通过\.self指定id
        ForEach(eventsArray, id: \.self) { subArray in
            // 内层遍历：每个元素是UpcomingEventDatum（已符合Identifiable协议）
            ForEach(subArray) { event in
                Text(event.name) // 显示具体属性，比如活动名称
                    .padding(.vertical, 4)
            }
        }
    }
}
.task {
    do {
        upcomingEvents = try await asyncUE.fetchWP()
    } catch {
        // 务必添加错误处理
        print("数据获取失败：\(error)")
    }
}

2. 可选优化：调整模型类型（如果不需要二维数组） #

如果你发现API返回的其实是一维数组，可能是解码阶段的类型定义有误。可以检查fetchWP()的返回类型，是否应该是[UpcomingEventDatum]而非[[UpcomingEventDatum]]。若是这种情况，直接修改upcomingEvents的类型：

@State private var upcomingEvents: [UpcomingEventDatum]?

此时只需要一层ForEach即可：

if let events = upcomingEvents {
    ForEach(events) { event in
        Text(event.name)
    }
}

3. 关于ForEach的Binding错误说明 #

错误提示里的类型不匹配问题，是因为你当前的ForEach写法和SwiftUI的重载方法冲突。当遍历非Binding的集合时，要么确保元素符合Identifiable协议（你的UpcomingEventDatum已经满足），要么手动指定id参数（比如外层数组用id: \.self），就能避免该错误。

关键注意点 #

• 绝对不能直接把数组对象传给Text，必须访问它的具体属性（如name、headliners等）。
• 处理可选值时，要确保解包后的数据类型和遍历逻辑完全匹配，二维数组就必须用嵌套遍历。

内容的提问来源于stack exchange，提问作者Joe Adroit