让SwiftUI Picker（）选择在应用程序状态更改时更新的最佳方法是什么？

我正在尝试用SwiftUI创建一个UI，它列出了一系列可以是不同类型的东西，并且每个东西都可以更新。我希望使用选择器在UI中设置类型，并且我还希望在以其他方式（例如，从UI的另一部分或通过网络）修改项目时更新视图

我喜欢“redux”风格的设置，我不想放弃它

下面是一个简单的示例，其中显示了两个项目，每个项目都有一个“随机化”按钮，用于随机更改项目，还有一个选择器，用于选择新的项目类型。后者按预期工作：

选择器

更改

@状态变量

，存储更新等。“随机化”按钮更新存储和

let

属性标签，但

@状态

和

选择器

不更新

我很想得到一些好方法的建议，让它以我想要的方式工作

import SwiftUI
import Combine

@main
struct PuffedWastApp: App {
    var store = Store()
    var body: some Scene {
        WindowGroup {
            ContentView().environmentObject(store)
        }
    }
}

enum ItemState:String, CaseIterable {
    case apple
    case bannana
    case coconut
}

enum Action {
    case set(Int,ItemState)
}

class Store: ObservableObject {

    @Published var state:[ItemState] = [.apple, .apple]

    func reduce(_ action:Action) {
        print("do an action")
        switch (action) {
        case let .set(index,new_state):
            print("set \(index) to \(new_state)")
            state[index] = new_state
            self.objectWillChange.send()
        }
    }
    
}

struct ContentView: View {
    @EnvironmentObject var store: Store

    var body: some View {
        VStack {
            ForEach(store.state.indices) { index in
                ItemContainer(index: index)
                //Text("\(index)")
            }
        }
        .padding()
    }
}

struct ItemContainer: View {
    @EnvironmentObject var store: Store
    let index: Int

    
    var body: some View {
        ItemView(
            index: index,
            label: store.state[index],   // let property:  updates on change in the Store
            localLabel: store.state[index],  //@State variable; doesn't update on change in the Store
            dispatch: store.reduce
        )
    .padding()
    }
}

struct ItemView: View {
    let index: Int
    
    let label: ItemState
    @State var localLabel: ItemState
    
    let dispatch: (Action)->()
    
    var body: some View {
        HStack{
            //Text("\(index)")
            Text(label.rawValue)
            Text(localLabel.rawValue)
            Button("Randomize") { dispatch( .set(index, ItemState.allCases.randomElement() ?? .apple ) ) }
            Picker("Item type", selection: $localLabel ) {
                ForEach( ItemState.allCases , id: \.self ) {
                    Text($0.rawValue).tag($0)
                }
            }.onChange(of: localLabel) { dispatch(.set(index, $0)) }
        }
        .padding()
    }
}

---

尝试更改此行：

@State var localLabel:ItemState

到

@Binding var localLabel:ItemState

并在

ItemView

init中将其传递为：

ItemView(
    index: index,
    label: store.state[index],
    localLabel: $store.state[index],
    dispatch: store.reduce
)

谢谢，就是这个。在我的项目代码中，我使用一个函数调用从存储中检索东西，并发现我可以通过显式初始化

绑定

，而不是使用

$

，使这种方法在该上下文中工作，例如：

localLabel:Binding（get:{store.getItem（id:index）}，set:{value，uu在存储中.reduce（.set（index，value））}）