SwiftUI如何实现嵌套API调用获取问题对应发送者用户名

核心注意点：不要在ForEach的视图构建闭包中直接发起异步网络请求——SwiftUI会在状态变化、布局刷新时多次执行该闭包，直接在这里调用接口会导致重复请求、列表滑动卡顿、UI状态错乱。

实现步骤 #

• 新增状态字典存储用户ID和用户名的映射关系，避免重复请求同一用户数据
• 在获取到全量问题列表后，提取所有不重复的用户ID，批量发起用户信息请求，结果存入映射字典
• 列表渲染时直接从映射字典中读取对应用户名，数据未加载完成时展示占位文案即可

对应代码修改 #

1. 补充状态定义 #

在你的视图结构体中新增用户映射字典的状态，原有的questions状态保留即可：

// 如果senderId是Int类型，就把字典Key类型换成Int
@State private var userNameMap: [String: String] = [:]

2. 替换原有.onAppear逻辑 #

拿到问题列表后统一拉取关联用户信息，不要在渲染阶段发请求：

.onAppear {
    QuestionApiCall().getAllQuestions { questions in
        self.questions = questions
        // 提取所有不重复的发送者ID，同一用户仅请求一次
        let uniqueSenderIds = Set(questions.map(\.senderId))
        
        uniqueSenderIds.forEach { senderId in
            UserByApiCall(id: senderId).getUserById { user in
                // 网络回调切回主线程更新UI状态
                DispatchQueue.main.async {
                    userNameMap[senderId] = user.name
                }
            }
        }
    }
}

3. 修改列表中QuestionView的传参 #

渲染时从映射字典取用户名，未拉取到数据时展示占位内容：

ScrollView(showsIndicators: false) {
    VStack {
       ForEach(questions) { question in
           QuestionView(
                name: userNameMap[question.senderId] ?? "用户信息加载中",
                content: question.content,
                creationTime: question.creation
            )
       }
    }
}

方案说明 #

该实现完全不需要修改现有API逻辑，符合任务要求：

• 同一用户的信息仅发起一次网络请求，减少不必要的流量开销
• 所有网络请求在数据加载阶段触发，不受视图重绘影响，不会出现重复调用问题
• 用户信息拉取完成后状态字典更新会自动触发视图刷新，对应位置的用户名会自动替换为真实内容，无需手动调用列表刷新方法

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