Swift中@ObservedObject传值至子视图的@State状态管理问题求助

问题根源 #

你在RecipeCardView中使用@State var recipe: Recipe的做法，会创建一个完全独立于Model数据源的本地副本。这个副本和Model中的recipes数组没有绑定关系：

• 当Model的recipes更新时，子视图的@State副本不会自动同步，导致界面显示旧数据
• 调用toggleFavorite修改的是本地副本，不会同步回Model，进一步加剧数据不一致

最佳解决方案 #

核心原则：子视图不要用@State存储从父视图传递的struct实例，所有数据修改都要基于Model的统一数据源，通过Binding或唯一ID关联数据。

方案1：通过唯一ID绑定Model中的Recipe

适合需要从Model中动态获取数据的场景，避免直接传递大对象：

// 修改RecipeCardView
struct RecipeCardView: View {
    @ObservedObject var model: Model
    let recipeId: UUID // 替换为你的Recipe实际唯一标识类型
    
    // 通过ID获取Model中Recipe的Binding
    private var recipe: Binding<Recipe> {
        guard let binding = $model.recipes.first(where: { $0.id == recipeId }) else {
            fatalError("Recipe not found in model")
        }
        return binding
    }
    
    var body: some View {
        Button(action: {
            // 直接修改Binding指向的Model中的Recipe实例
            recipe.wrappedValue.toggleFavorite()
            // 同步更新数据库（交给Model处理更合理）
            model.syncRecipeToDatabase(recipe.wrappedValue)
        }) {
            Text(recipe.wrappedValue.title)
            // 显示收藏状态
            Image(systemName: recipe.wrappedValue.isFavorite ? "star.fill" : "star")
        }
    }
}

// 修改RecipesView的ForEach
ForEach(model.recipes) { recipe in
    ZStack {
        RecipeCardView(model: model, recipeId: recipe.id)
        NavigationLink(destination: RecipeContentView(model: model, recipeId: recipe.id)) {
            EmptyView()
        }
        .opacity(0)
    }
}

方案2：直接传递Binding

适合列表场景，直接绑定Model数组中的元素，代码更简洁：

// 修改RecipesView的ForEach，使用$绑定
ForEach($model.recipes) { $recipe in
    ZStack {
        RecipeCardView(model: model, recipe: $recipe)
        NavigationLink(destination: RecipeContentView(model: model, recipe: $recipe)) {
            EmptyView()
        }
        .opacity(0)
    }
}

// 修改RecipeCardView
struct RecipeCardView: View {
    @ObservedObject var model: Model
    @Binding var recipe: Recipe
    
    var body: some View {
        Button(action: {
            recipe.toggleFavorite()
            model.syncRecipeToDatabase(recipe)
        }) {
            Text(recipe.title)
            Image(systemName: recipe.isFavorite ? "star.fill" : "star")
        }
    }
}

额外注意事项 #

1. 数据修改的统一入口：所有对Recipe的修改（包括收藏切换、标题更新）都应该触发Model的数据源更新，再由@Published var recipes自动通知所有ObservedObject视图刷新。
2. fetchRecipes的线程问题：在async函数中更新@Published属性时，确保在主线程执行。建议用await MainActor.run替代DispatchQueue.main.async，更符合Swift Concurrency规范：

func fetchRecipes() async throws {
    let fetchedRecipes = try await apiClient.getRecipes()
    await MainActor.run {
        self.recipes = fetchedRecipes
    }
}

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