SwiftUI中如何将API数据保存到局部变量并在块外使用？

核心问题是你没搞懂异步代码的执行顺序：fetchTeamData里的网络请求是异步执行的，闭包外的print(requestedTeam)会在API请求返回前就执行，这时候requestedTeam还没被赋值——不是数据“消失”了，只是时机不对。下面是具体的解决方案：

1. 确保状态变量可被SwiftUI监听 #

首先，requestedTeam必须是SwiftUI能感知变化的状态变量，否则数据更新后视图和后续逻辑不会触发：

• 直接在View中使用：

@State private var requestedTeam: TeamStructure?

• 推荐用MVVM架构分离逻辑（避免视图代码臃肿），在ViewModel中声明：

class TeamViewModel: ObservableObject {
    @Published var requestedTeam: TeamStructure?
    
    func fetchTeamData(id: String) {
        let userURL = "x" + id
        guard let url = URL(string: userURL) else { return }
        
        URLSession.shared.dataTask(with: url) { [weak self] data, _, error in
            guard let data = data, error == nil else {
                print("API请求失败: \(error?.localizedDescription ?? "未知错误")")
                return
            }
            
            do {
                let teams = try JSONDecoder().decode(TeamStructure.self, from: data)
                DispatchQueue.main.async {
                    self?.requestedTeam = teams
                }
            } catch {
                print("数据解析失败: \(error.localizedDescription)")
            }
        }.resume()
    }
}

2. 正确触发后续逻辑 #

不要在onAppear的闭包外直接访问requestedTeam，而是通过状态变化或闭包内执行后续操作：

方式一：在API回调闭包内直接发起后续请求 #

.onAppear {
    APICaller.fetchTeamData(id: "") { [weak self] teams in
        self?.requestedTeam = teams
        // 基于返回的teams直接发起后续API请求
        self?.fetchRelatedData(teamId: teams.id)
    }
}

方式二：监听状态变化触发逻辑 #

用.onChange监听requestedTeam的更新，一旦有值就执行后续操作：

.onChange(of: requestedTeam) { newTeam in
    guard let team = newTeam else { return }
    // 在这里处理数据或发起后续请求
    fetchRelatedData(teamId: team.id)
}

3. 修复原API代码的隐患 #

你的原代码有几个风险点，需要修正：

• 参数名不要用Swift关键字String，改成id等合法名称
• 禁止用try!强制解析，一旦数据格式错误会直接崩溃，必须用do-catch处理错误
• 捕获self时用[weak self]避免循环引用

完整MVVM示例代码 #

struct TeamView: View {
    @StateObject private var viewModel = TeamViewModel()
    
    var body: some View {
        VStack {
            if let team = viewModel.requestedTeam {
                Text("球队名称：\(team.name)")
                // 展示更多数据...
            } else {
                ProgressView("加载中...")
            }
        }
        .onAppear {
            viewModel.fetchTeamData(id: "")
        }
        .onChange(of: viewModel.requestedTeam) { newTeam in
            guard let team = newTeam else { return }
            viewModel.fetchRelatedMatches(teamId: team.id)
        }
    }
}

extension TeamViewModel {
    func fetchRelatedMatches(teamId: String) {
        let matchURL = "https://your-api-url.com/matches?team=\(teamId)"
        guard let url = URL(string: matchURL) else { return }
        
        URLSession.shared.dataTask(with: url) { [weak self] data, _, error in
            // 处理后续请求逻辑...
        }.resume()
    }
}

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