问如何在SwiftUI中从API中获取值(而不是数组)

EN

let rocketsData: [Rocket] = [] //<-- Spoiler: This is my problem

class Api {
    func getRockets(completion: @escaping ([Rocket]) -> ()) {
        guard let url = URL(string: "https://api.spacexdata.com/v4/rockets") else { return }
            
        URLSession.shared.dataTask(with: url) { (data, response, error) in
            do {
                let rockets = try JSONDecoder().decode([Rocket].self, from: data!)
                DispatchQueue.main.async {
                    completion(rockets)
                }
            } catch {
                print(error.localizedDescription)
            }
        }
        .resume()
    }
}

struct StageInfo: Codable {
    let engines: Int
    let fuelAmountTons: Double
    let burnTimeSec: Int?
        
    enum CodingKeys: String, CodingKey {
        case engines
        case fuelAmountTons = "fuel_amount_tons"
        case burnTimeSec = "burn_time_sec"
    }
}
    
struct Rocket: Codable, Identifiable {
    let id = UUID()
    let name: String
    let firstFlight: String
    let country: String
    let costPerLaunch: Int
    let firstStage: StageInfo
    let secondStage: StageInfo
            
    enum CodingKeys: String, CodingKey {
        case id
        case name
        case firstFlight = "first_flight"
        case country
        case costPerLaunch = "cost_per_launch"
        case firstStage = "first_stage"
        case secondStage = "second_stage"
    }
}

    struct ContentView: View {
        @State var rockets = [Rocket]() // <-- Here is the array I was talking about
        
        var body: some View {
            NavigationView {
                List {
                    ForEach(rockets) { item in // <-- ForEach loop to get values from the array
                        NavigationLink(destination: RocketDetailView(rocket: item)) {
                            RocketRowView(rocket: item)
                                .padding(.vertical, 4)
                        }
                    }
                } //: LIST
                .navigationTitle("Rockets")
                .toolbar {
                    ToolbarItem(placement: .navigationBarTrailing) {
                        Button(action: {
                            isShowingSettings = true
                        }) {
                            Image(systemName: "slider.horizontal.3")
                        } //: BUTTON
                        .sheet(isPresented: $isShowingSettings) {
                            SettingsView()
                        }
                    }
                } //: TOOLBAR
            } //: NAVIGATION
            .onAppear() {
                Api().getRockets { rockets in // <-- Method to get the array from the API
                    self.rockets = rockets
                }
            }
        }
    }

    //MARK: - PREVIEW
    struct ContentView_Previews: PreviewProvider {
        static var previews: some View {
            ContentView()
        }
    }

    struct RocketRowView: View {
        var rocket: Rocket // <-- Here I don't need to use an array as previously, so I create a usual variable with Rocket instance
        
        var body: some View {
            HStack {
                Image("Falcon-9")
                    .resizable()
                    .scaledToFill()
                    .frame(width: 80, height: 80, alignment: .center)
                    .background(Color.teal)
                    .cornerRadius(8)
                
                VStack(alignment: .leading, spacing: 5) {
                    Text(rocket.name) // <-- So this surely doesn't work
                        .font(.title2)
                        .fontWeight(.bold)
                    Text(rocket.country) // <-- And this doesn't work neither
                        .font(.caption)
                        .foregroundColor(Color.secondary)
                }
            } //: HSTACK <-- And I can't use here inside onAppear the method that I used before to get the array, because I don't need the array
        }
    }

struct RocketRowView_Previews: PreviewProvider {
    static var previews: some View {
        RocketRowView(rocket: rocketsData[0]) // <-- Because of the variable at the top of this View I have to add missing argument for parameter 'rocket' in call. Immediately after that I get an error: "App crashed due to an out of range index"
    }
}