获取 JSON，附加到数组：转义闭包捕获变异的“自我”参数

Question

我已经准备好a simple test project at Github 来演示我的问题：

我有一个 SwiftUI 列表，我尝试在其中显示 var items:[String]。

当我只有一个像下面这样的硬编码数组时 - 它可以正常工作并在 iPhone 中显示：

items = (1...200).map { number in "Item \(number)" }

但是当我尝试获取 JSON 网页并将结果附加到 items 时，我得到了错误：

转义闭包捕获变异的“自我”参数

我知道items.append(str) 行从 dataTask 闭包中修改了父 ContentView 对象，这出于某种原因并不好......但是如何修复我的代码呢？

import SwiftUI

struct TopResponse: Codable {
    let data: [Top]
}

struct Top: Codable {
    let uid: Int
    let elo: Int
    let given: String
    let photo: String?
    let motto: String?
    let avg_score: Double?
    let avg_time: String?
}

struct ContentView: View {
    var items:[String];

    init() {
        items = (1...200).map { number in "Item \(number)" }
        
        let url = URL(string: "https://slova.de/ws/top")!
        let task = URLSession.shared.dataTask(with: url) {
            data, response, error in
            
            let decoder = JSONDecoder()
            guard let data = data else { return }
            do {
                let tops = try decoder.decode(TopResponse.self, from: data)
                for (index, top) in tops.data.enumerated() {
                    let str = "\(index + 1): \(top.given)"
                    items.append(str) // this results in compile error!
                }
            } catch {
                print("Error while parsing: \(error)")
            }
        }
        task.resume()
    }

    var body: some View {
        List(items, id: \.self) { item in
            Text(item)
        }
    }
}

我应该将items 移出视图吗？

我的最终目标是在 Core Data 中包含 JSON 数据，然后从中更新/通知列表。

我在 Android 中有一个这样的应用程序（结构为 MVVM），现在我正在尝试将它移植到 SwiftUI，作为一个 Swift 新手。

更新：

我已按照 achu 的建议添加了 a view model file（谢谢！），它确实有效，但只有当我拖动列表时，列表才会更新为新项目。并且有一个警告

[SwiftUI] 不允许从后台线程发布更改；确保在模型更新时从主线程发布值（通过接收（on:) 等运算符）。

Answer 1

我会将items 移至 ViewModel 并最终将服务调用移至 APIManager 类

编辑：UI 更新应该在主线程中。添加了对ViewModelinit()的服务调用。

struct TestView: View {
    @ObservedObject var viewModel = TestViewModel()
    var body: some View {
        List(viewModel.items, id: \.self) { item in
            Text(item)
        }
    }
}

class TestViewModel: ObservableObject {
    @Published var items: [String] = []

    init() {
        self.fetchData()
       
    }
    
    func fetchData() {
        let url = URL(string: "https://slova.de/ws/top")!
        let task = URLSession.shared.dataTask(with: url) {
            data, response, error in
            
            let decoder = JSONDecoder()
            guard let data = data else { return }
            do {
                let tops = try decoder.decode(TopResponse.self, from: data)
                for (index, top) in tops.data.enumerated() {
                    let str = "\(index + 1): \(top.given)"
                    self.updateItems(str)
                }
            } catch {
                print("Error while parsing: \(error)")
            }
        }
        task.resume()
    }

    func updateItems(_ str: String) {
        DispatchQueue.main.async {
            self.items.append(str)
        }
    }
}