【SwiftUI】配列から[Int]を活用してデータを取り出せない

Question

前提・実現したいこと

配列から[Int]でデータを取り出そうとしても、Fatal Errorが出てしまい、データが表示されません。
ForEachで取り出そうとした場合は取り出せるのですが。。。

原因が分からないため、すいませんが、どなたかご教示ください。

発生している問題・エラーメッセージ

Thread 1: Fatal error: Index out of range

該当のソースコード

//表示したいデータをFireStoreから取得している
class PhotoObserver: ObservableObject{
    @Published var photo = [PhotoEntity]()
....
}

//この場合はエラーが起きてしまう。
struct ContentView: View {
    @ObservedObject var observed = PhotoObserver()
    @State var count = 0
    var body: some View {
            Text("(observed.photo[0].id)")//コンパイルエラーは起きないが実行時にエラー発生
    }
}

//以下のようにForEachで取得した場合は標示される
struct ContentView: View {
    @ObservedObject var observed = PhotoObserver()
    @State var count = 0
    var body: some View {
         ForEach(observed.photo){photo in
            Text("(photo.id)")
         }
    }
}

Answer 1

photoの初期値が空配列なので
1番目のデータ参照しようとしてそんなデータないよで落ちますね。
Index out of range はそういうエラーです。
FireStoreからのデータ取得はおそらく非同期なので配列に値が入る前に参照して落ちてる。

Comments

[Chiaki1111]

非同期だとそのような事象が発生するのですね。Firestore から取り出したデータの配列を１つずつ取り出す方法はないですかね。
思いつくのは１つずつFirebase から取得して１つずつ表示するぐらいなのですが。。