SwiftUIで一覧から詳細に遷移する時に値（id）を渡し、更にその値を詳細内で呼ばれるモデルに受け渡す方法

Question

前提・実現したいこと

SwiftUI（Swift5）で、iPhoneアプリを開発しています。

商品一覧から商品を選び詳細ページへ遷移させます。
詳細ページに表示する情報は、非同期で別サイトにある情報を取ってきて設定する予定です。

詳細ページに遷移する際、値（id）を詳細ページ渡して、その値（id）で特定して
URLに設定することで、idに紐付けた情報を取っていくることを考えています。

以下のソースで実現しようとしています。
一覧ページの特定の行をタップして、詳細ページを開く時に値（id）を渡して、
詳細ページでモデル（LogItemDetailViewModel）を呼びに、その引数に値（id）を渡して、
非同期で抽出して結果を得たいのですが、うまくいきません。

NavigationLinkに「”詳細ページへ値（id）を渡したい”」に値を設定して、
詳細ページの、「”ここに値（id）を設定したい”」に値したいのですが
どのようにすれば値を受け渡すことができるのかご教示お願い致します。

該当のソースコード

// 一覧ページ（TopListView）
struct TopListView: View {
    @ObservedObject private var topListVM = TopListViewModel()
    var body: some View {
        NavigationView {
            VStack(alignment: .leading) {
                List(topListVM.logItemData){item in
                   NavigationLink(destination:LogItemDetailView(”詳細ページへ値（id）を渡したい”)) //<-- 詳細ページへ値（id）を渡したい
{
                       LogItemRowView(logItemData:item)
                   }
                }
               
            }
        }
    }
}


// 詳細ページ（LogItemDetailView）
struct LogItemDetailView: View {
    @ObservedObject private var logItemDetailVM = LogItemDetailViewModel(logItemId:”ここに値（id）を設定したい”) //<-- ここに値（id）を設定したい
    var body: some View {
        VStack(alignment: .leading) {
	　・・・・
        }
    }
}

// モデル（LogItemDetailViewModel）
class LogItemDetailViewModel: ObservableObject {
    var logItemId:String = ""
    private let fetcher = LogItemDetailDataFetcher()
    @Published var logItemDetailData:LogItemDetail!

    init(logItemId:String) {
        self.fetcher.logItemId = logItemId
        self.fetcher.fetchLogItemDetailData { (rests) in
            self.logItemDetailData = rests // 値（id）で、非同期で抽出したデータを設定する
        }
    }
}

Answer 1

自己解決しました。稚拙ですが解決したソースを載せました。

// 一覧ページ（TopListView）
struct TopListView: View {
    @ObservedObject private var topListVM = TopListViewModel()
    var body: some View {
        NavigationView {
            VStack(alignment: .leading) {
                List(topListVM.logItemData){item in
                   NavigationLink(destination:LogItemDetailView(logItemData:item)) //<-- 詳細ページへ値（id）をセット
{
                       LogItemRowView(logItemData:item)
                   }
                }

            }
        }
    }
}


// 詳細ページ（LogItemDetailView）
struct LogItemDetailView: View {
    var logItemData:LogItem //<-- ここで値を取得
    @ObservedObject private var logItemDetailVM = LogItemDetailViewModel()//<-- ここでは値を渡さず初期化
    var body: some View {
        VStack(alignment: .leading) {
            Text(logItemDetailVM.logItemDetailData.id)
        }.onAppear(perform:{
            self.logItemDetailVM.getData(logItemId:self.logItemData.id)//<-- 値を受け取るgetDataメソッドで受け取る
        })
    }
}

// モデル（LogItemDetailViewModel）
class LogItemDetailViewModel: ObservableObject {
    private let fetcher = LogItemDetailDataFetcher()
    @Published var logItemDetailData:LogItemDetail!

    init() {
        let id:String = ""
        self.logItemDetailData = LogItemDetail(id: id)
    }
    
    func getData(logItemId:String)//<-- 値を受け取るgetDataメソッド
    {
        self.fetcher.logItemId = logItemId
        self.fetcher.fetchLogItemDetailData { (rests) in
            self.logItemDetailData = rests
        }
    }
}