【SwiftUI】PickerでForEachを使用し一意なidを付与してもselectionの値が変動しないのはなぜ？

Question

前提

Xcode 12.5
下部にあります「検証用コード」を実行することで本件の事象を再現できます。

疑問点

SwiftUIにてPickerで次のようなデータ構造を持った配列を表示するとします。

struct DemoPickItem: Identifiable, Hashable {
    var id: String { databaseID }
    var databaseID: String
    var name: String
}

コンテンツを表示する際に、次のようにForEachの引数idにDemoPickItemのidやdatabaseIDを設定すると、Pickerのselectionに設定した値が変更されません。

            Picker("", selection: $demo) {
                ForEach(datas, id: .id) { data in
                    Text("(data.name) : (data.databaseID)")
                }
            }

一方で、selfを設定するとselectionに設定した値がPickerでの選択状況に応じて変動します。

自分の認識ですと、ForEachのidに設定している値がDemoPickItemのidやdatabaseIDである場合、それは一意であり静的なので「selectionに設定した値がPickerでの選択状況に応じて変動」すると思っていました。
しかし、上述の通りそうならなかったのですがその理由がわからないです。
アドバイス頂けますと幸いです。

検証用コード

// MARK: Entity

struct DemoPickItem: Identifiable, Hashable {
    var id: String { databaseID }
    var databaseID: String
    var name: String
}

let demoPickItems = [
    DemoPickItem(databaseID: "01", name: "demo-name1"),
    DemoPickItem(databaseID: "02",name: "demo-name2"),
    DemoPickItem(databaseID: "03",name: "demo-name3"),
    DemoPickItem(databaseID: "04",name: "demo-name4"),
    DemoPickItem(databaseID: "05",name: "demo-name5"),
]

// MARK: View

import SwiftUI

struct DemoPickerDialogView01: View {
    let datas: [DemoPickItem]
    @State var demo: DemoPickItem = DemoPickItem(databaseID: "00",name: "demo-name")
    
    var body: some View {
        VStack {
            Text(demo.name)
                .padding(.top, 20)
            
            Picker("", selection: $demo) {
                ForEach(datas, id: .id) { data in
                    Text("(data.name) : (data.databaseID)")
                }
            }
            .buttonStyle(PlainButtonStyle())
            
            Button(action: {
            }) {
                Text("閉じる")
                    .frame(minWidth: 0, maxWidth: .infinity)
                    .padding(.bottom, 20)
            }
            
        }
        .cornerRadius(8)
    }
}

#if DEBUG

struct DemoPickerDialogView_Previews: PreviewProvider {
    struct ContentView01: View {
        var datas = demoPickItems
        @State var data: DemoPickItem = demoPickItems[0]
        @State private var dialogPresentation = DialogPresentation()
        
        var body: some View {
            NavigationView {
                VStack {
                    DemoPickerDialogView01(
                        datas: demoPickItems
                    )
                }
            }
        }
    }
    
    static var previews: some View {
        
        Group {
            ContentView01()
        }
    }
}

#endif

Answer 1

Pickerのselectionで指定した変数に入る値は、ForEachで指定した配列の要素が入るのではなく、ForEachのidで指定した変数の値が入ります。idに .selfと指定すれば、配列の要素がidに指定されたことになり、selectionには配列の要素が入ります。現在は、ForEachのidに.idを指定しているので、String型の値がselectionに入ることになりますが、selectionに指定されている変数($demo)がDemoPickItem型なので、設定されなかったのだと思います。(このような場合、どこかでエラーを検出すべきように思いますが、SwiftUIはまだまだ発展途上でうまくエラー検出できないのかなと思います。)

ForEachのidに.idを指定した場合は、

@State var selectedID = ""

のようなString型の@State変数を宣言し、それを selection: $selectedID のようにPickerに指定すれば、Pickerの選択状況がselectedIDに格納されるようになります。なお、DemoPickItemはIdentifiableに準拠させていますので、この場合 id: .id を省略して、 ForEach(datas) { data inとだけ書いても良いと思います。

ただ、今回Pickerで取得したいのは選択された要素のidではなく、選択された要素を取得したいのだろうと思うので、ForEachのidに.selfを指定して、Pickerのselectionに $demo を指定するのが正しいと思います。