Swift 5：什么是“转义闭包捕获变异的“自我”参数”以及如何修复它

Question

大家好，我正在尝试制作一个简单且可重复使用的 Swift 网络层

也许这不是在视图中循环返回数据的最佳方式，但是在我尝试让返回的 Api 数据在 SwiftUI 视图中循环它之后，我收到了错误：

Escaping closure captures mutating 'self' parameter

而且不知道我在这节课中错过了哪里或错过了什么

这是文件的图片

ContentView.swift

struct ContentView: View {

    var emptyDataArr: [CollectionItem] = []

    init() {
        ServiceLayer.request(router: Router.getSources) { (result: Result<[String : [CollectionItem]], Error>) in
            switch result {
            case .success(let data):
                print(data)
                self.emptyDataArr = data["custom_collections"]!

            case .failure:
                print(result)
            }
        }
    }

    var body: some View {
        VStack (alignment: .leading) {
            Text("No thing yet")
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

ServiceLayer 类ServiceLayer.swift

class ServiceLayer {
    // 1.
    class func request<T: Codable>(router: Router, completion: @escaping (Result<[String: [T]], Error>) -> ()) {
        // 2.
        var components = URLComponents()
        components.scheme = router.scheme
        components.host = router.host
        components.path = router.path
        components.queryItems = router.parameters
        // 3.
        guard let url = components.url else { return }
        var urlRequest = URLRequest(url: url)
        urlRequest.httpMethod = router.method
        // 4.
        let session = URLSession(configuration: .default)
        let dataTask = session.dataTask(with: urlRequest) { data, response, error in
            // 5.
            guard error == nil else {
                completion(.failure(error!))
                print(error?.localizedDescription)
                return
            }
            guard response != nil else {
                return
            }
            guard let data = data else {
                return
            }
            print(data)
            // 6.
            let responseObject = try! JSONDecoder().decode([String: [T]].self, from: data)
            // 7.
            DispatchQueue.main.async {
                // 8.
                completion(.success(responseObject))
            }
        }
        dataTask.resume()
    }
}

Answer 1

问题在于ContentView 是一个结构，这意味着它是一个值类型。您不能将其传递给闭包并对其进行变异。如果你这样做了，什么都不会改变，因为闭包将拥有自己独立的结构副本。

您的问题是您混合了视图和模型。给定视图可以有很多很多副本（每次将其传递给函数时，都会创建一个副本）。您不希望这些副本中的每一个都发起请求。而是将此请求逻辑移动到 Model 对象中，然后让 View 观察它。

Answer 2

我今天遇到同样的问题，找到了这个帖子，然后按照@Rob Napier的建议，终于做了一个可行的例子。

希望以下代码能有所帮助（注意：它并不能直接回答您的问题，但我认为它会作为示例有所帮助）：

import Combine
import SwiftUI
import PlaygroundSupport

let url = URL(string: "https://source.unsplash.com/random")!

// performs a network request to fetch a random image from Unsplash’s public API
func imagePub() -> AnyPublisher<Image?, Never> {
    URLSession.shared
        .dataTaskPublisher(for: url)
        .map { data, _ in Image(uiImage: UIImage(data: data)!)}
        .print("image")
        .replaceError(with: nil)
        .eraseToAnyPublisher()
}

class ViewModel: ObservableObject {
    
    // model
    @Published var image: Image?
    
    // simulate user taps on a button
    let taps = PassthroughSubject<Void, Never>()
    
    var subscriptions = Set<AnyCancellable>()
    
    init() {
        taps
            // ⭐️ map the tap to a new network request
            .map { _ in imagePub() }
            // ⭐️ accept only the latest tap
            .switchToLatest()
            .assign(to: \.image, on: self)
            .store(in: &subscriptions)
    }
    
    func getImage() {
        taps.send()
    }
    
}

struct ContentView: View {
    
    // view model
    @ObservedObject var viewModel = ViewModel()
    
    var body: some View {
        VStack {
            viewModel.image?
                .resizable().scaledToFit().frame(height: 400).border(Color.black)
            Button(action: {
                self.viewModel.getImage()
            }, label: {
                Text("Tap")
                    .padding().foregroundColor(.white)
                    .background(Color.pink).cornerRadius(12)
            })
        }.padding().background(Color.gray)
    }
}

PlaygroundPage.current.setLiveView(ContentView())

在点击按钮之前，ContentView 如下所示：

点击按钮后（并等待几秒钟），它看起来像这样：

所以我知道它正在工作^_^

Answer 3

只需将调用从init 内部移动到onAppear 内部body 的某处