SwiftUI中从Struct传入@State构建编辑器时视图不更新问题

问题原因 #

SwiftUI的@State变量由框架直接管理存储，并非绑定到视图实例本身。当父视图中selectedPerson变化导致PersonEditor被重新初始化时，SwiftUI会复用该视图之前的@State状态值，忽略你在init方法中对_edtFirstname、_edtLastname的赋值操作，这就导致新选中的Person属性无法同步到编辑用的@State变量中，视图自然不会更新。

另外你在ContentView中同时创建了两个PersonEditor实例（两个if let块里各一个），属于冗余代码，但核心问题还是@State的管理机制。

解决方案 #

有两种常用修复方式，可根据场景选择：

方案1：使用onChange监听Person变化，同步更新@State #

修改PersonEditor，移除init里的@State赋值，改用onChange监听传入的person参数变化，实时更新编辑变量：

struct PersonEditor: View {
    private let person: Person
    
    @State private var edtFirstname: String = ""
    @State private var edtLastname: String = ""
    
    init(person: Person){
        self.person = person
        // 移除手动赋值@State的代码
    }
    
    var body: some View {
        VStack {
            Text("Editing \(person.firstname)")
            Text("Editing \(self.edtFirstname)")
            
            TextField("firstname", text: $edtFirstname)
            TextField("lastname", text: $edtLastname)
        }
        .onChange(of: person) { newPerson in
            // 当传入的person变化时，同步更新编辑变量
            edtFirstname = newPerson.firstname
            edtLastname = newPerson.lastname
        }
        .onAppear {
            // 首次加载时初始化编辑变量
            edtFirstname = person.firstname
            edtLastname = person.lastname
        }
    }
}

同时删除ContentView中冗余的PersonEditor创建代码，只保留一个：

// 替换原来的两个if let块
if let e = selectedPerson {
    PersonEditor(person: e)
}

方案2：将编辑状态封装为可观察对象（适合复杂编辑场景） #

如果后续编辑逻辑更复杂，推荐把编辑模型封装成ObservableObject，状态管理更清晰：

class PersonEditModel: ObservableObject {
    @Published var firstname: String
    @Published var lastname: String
    
    init(person: Person) {
        self.firstname = person.firstname
        self.lastname = person.lastname
    }
    
    // 可在此添加保存逻辑，比如调用REST API
    func save(completion: @escaping () -> Void) {
        // 模拟API请求
        DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
            completion()
        }
    }
}

struct PersonEditor: View {
    private let person: Person
    @StateObject private var editModel: PersonEditModel
    
    init(person: Person){
        self.person = person
        self._editModel = StateObject(wrappedValue: PersonEditModel(person: person))
    }
    
    var body: some View {
        VStack {
            Text("Editing \(person.firstname)")
            Text("Editing \(editModel.firstname)")
            
            TextField("firstname", text: $editModel.firstname)
            TextField("lastname", text: $editModel.lastname)
            
            Button("Save") {
                editModel.save {
                    // 保存完成后的回调，比如通知父视图刷新数据
                }
            }
        }
    }
}

额外说明 #

• 永远不要在init方法中直接修改@State的投影属性（_xxx），因为SwiftUI会接管@State的存储，手动赋值会被框架忽略。
• 简单编辑场景用方案1即可；复杂场景下，ObservableObject配合@StateObject能更好地分离视图和业务逻辑。

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