SwiftUI MVVM 如何遍历数据并将它们存储在数组中

Question

我在我的 SwiftUI 项目中使用 MVVM，在我请求从 API 获取数据后，我想遍历数据并将其中一些存储在数组中，但是它 returns 错误，正确的做法是什么？

这是我的代码和数据结构

MenuDetailView

struct MenuDetailView: View {
    @ObservedObject var viewModel = MenuDetailViewModel()
    
    var body: some View {
        ForEach(self.viewModel.variantGroup, id: \.self) { vg in
                /*** I Need to loop and store vg.variantGroupName into array viewModel.variantChosen, how? ***/

                self.viewModel.variantChosen.append(vg.VariantGroupName)
                // This always return error:
                // Type '()' cannot conform to 'View'; only struct/enum/class types can conform to protocols

                VStack {
                    HStack {
                        Text(vg.variantGroupName)
                        Text(String(self.viewModel.arrVariantChoosen[0]))
                    }
                    VStack {
                        ForEach(vg.variant, id: \.self) { v in
                            Text(v.variantName)
                        }
                    }
                }
                
            }
        }
    }
}

MenuDetailViewModel.swift

class MenuDetailViewModel: ObservableObject, MenuDetailService {
    var apiSession: APIService
    @Published var detaildata: MenuDetailData?
    @Published var variantGroup = [MenuDetailVariantGroup]()
    @Published var variantChosen: Array<String> = []
    
    var cancellables = Set<AnyCancellable>()
    
    init(apiSession: APIService = APISession()) {
        self.apiSession = apiSession
    }
    
    func getMenuDetail() {
        let cancellable = self.getMenuDetail()
            .sink(receiveCompletion: { result in
                switch result {
                case .failure(let error):
                    print("Handle error: \(error)")
                case .finished:
                    break
                }
                
            }) { (detail) in
                self.detaildata = detail.data
                self.variantGroup = detail.data.variantGroup
        }
        cancellables.insert(cancellable)
    }
    
}

MenuDetailData.swift

struct MenuDetailData: Codable, Identifiable {
    let id = UUID()
    let idMenu: String
    let menuName: String
    let variantGroup: [MenuDetailVariantGroup]
}

MenuDetailVariantGroup.swift

struct MenuDetailVariantGroup: Codable, Identifiable, Hashable {
    let id = UUID()
    let variantGroupName: String
    let variant: [MenuDetailVariant]
    let limit: Int
}

MenuDetailVariant.swift

struct MenuDetailVariant: Codable, Identifiable, Hashable {
    let id = UUID()
    let variantName: String
}

提前谢谢大家

Answer 1

你不能在 ForEach 里面添加这个。在 SwiftUI 中，ForEach 是一个视图。它接受视图数据，它与 Array.forEach 不同。您需要在视图模型中执行此操作。像这样

func getMenuDetail() {
        let cancellable = self.getMenuDetail()
            .sink(receiveCompletion: { result in
                switch result {
                case .failure(let error):
                    print("Handle error: \(error)")
                case .finished:
                    break
                }
                
            }) { (detail) in
                self.detaildata = detail.data
                self.variantGroup = detail.data.variantGroup
                self.variantChosen = self.variantGroup.map{[=10=].variantGroupName} //<--here
        }
        cancellables.insert(cancellable)
    }

将其从 ForEach

中删除

 self.viewModel.variantChosen.append(vg.VariantGroupName)

SwiftUI MVVM 如何遍历数据并将它们存储在数组中

SwiftUI MVVM how to loop through data and store them inside array

arrays

swift

swift5

swiftui