调用 ObservableObject 类初始化器来更新 SwiftUI 中的 List答案

【问题标题】：Calling ObservableObject class initialiser to update List in SwiftUI调用 ObservableObject 类初始化器来更新 SwiftUI 中的 List
【发布时间】：2021-07-28 19:41:10
【问题描述】：

我有一个List，它使用一个 Fetch 类（一个 ObservableObject）进行了更新。它有一个初始化函数。这就是那个 Fetch 类。


@Published private(set) var items: [ItemsResult] = []
    
    init() {
        let url = URL(string: "[redacted]")!
        
        URLSession.shared.dataTask(with: url) {(data, response, error) in
            do {
                if let itemsData = data {
                    let decodedData = try JSONDecoder().decode([ItemsResult].self, from: itemsData)
                    DispatchQueue.global(qos: .utility).async {
                        DispatchQueue.main.async {
                            print("running task")
                            self.items = decodedData
                        }
                    }
                    
                    print(self.items)
                } else {
                    print("No data")
                }
            } catch {
                print("Error: \(error)")
            }
        }.resume()
    }

构建应用时，它会正确显示 API 返回的数据并与数据库匹配。但是，当我点击/单击一个以将其删除时，或使用我添加的文本区域添加它不会更新的新项目时。

struct TickrApp: View {
    @EnvironmentObject var fetch: Fetch

    var body: some View {
        NavigationView {
            Form {
                Section {
                    VStack(alignment: .center) {
                        Text("Welcome to Tickr")
                    }
                }
                Section {
                    List(fetch.items) { item in
                        CheckView(checked: item.done, title: item.content.replacingOccurrences(of:"_", with: " "))
                    }
                }
                AddItemView()
            }.navigationBarTitle(Text("Tickr"))
        }
    }
}

当我记录他们响应的 decodedData 时，数据库正在更新，但每次我只调用Fetch()。三种情况下的请求都是一样的。

其中一个调用，用于文本输入。

  func toggle() {
    checked = !checked
        let url = URL(string: "")!
        var req = URLRequest(url: url)
        req.httpMethod = "POST"
        
        let task = URLSession.shared.dataTask(with: req) { data, response, error in
            guard let _ = data,
                let response = response as? HTTPURLResponse,
                error == nil else {
                print("error", error ?? "Unknown error")
                return
            }
    
            guard (200 ... 299) ~= response.statusCode else {
                print("statusCode should be 2xx, but is \(response.statusCode)")
                print("response = \(response)")
                return
            }
        }
        task.resume()
        Fetch()

为了直观地更新列表，我需要完全退出应用程序/重新运行它才能正确显示新的和/或删除的项目。不会显示有关后台发布更改或任何内容的错误。

【问题讨论】：

我认为您在这里遗漏了一些重要的代码。您说 API 调用有效（至少在最初），这是这里的全部代码。然后，您引用点击其中一个项目或使用文本区域，但没有显示任何代码。从包含的代码中也不清楚您的List 将如何再次调用ObservableObject 的init。你能用minimal reproducible example更新吗？
@jnpdx 是的，对此感到抱歉，有点匆忙。这个编辑怎么样？

标签： json swiftui urlsession observableobject

【解决方案1】：

您似乎正在尝试调用Fetch() 来刷新您的数据。这有两个问题：

您在dataTask 完成处理程序的外部调用它。这意味着它可能会在写入完成之前被调用
调用Fetch() 只会创建Fetch 的新实例，而您真正想要做的是更新现有实例的结果。

我假设你的第一个代码是来自Fetch。我会把它改成这样：

class Fetch: ObservableObject {
  @Published private(set) var items: [ItemsResult] = []

  init() {
    performFetch()
  }

  func performFetch() {
    //your existing fetch code that was in `init`
  }
}

然后，在你的AddItemView 和CheckView 中，确保你有这行：

@EnvironmentObject var fetch: Fetch

这将确保您使用Fetch 的相同实例，因此您的列表将反映相同的结果集合。

完成toggle() 之类的操作后，请致电self.fetch.performFetch() 更新您的结果。所以，你最后的代码 sn-p 会变成这样：

let task = URLSession.shared.dataTask(with: req) { data, response, error in 
  //guard statements to check for errors
  self.fetch.performFetch() //perform your refresh on the *existing* `Fetch` instance
}

更大的重构将涉及将您的异步代码（如toggle）移动到视图模型，而不是在View 代码中执行任何。另外，考虑使用 URLSession Publishers 使用 Combine，因为您使用的是 SwiftUI：https://developer.apple.com/documentation/foundation/urlsession/processing_url_session_data_task_results_with_combine

【讨论】：