[SwiftUI]多次元配列から特定の要素だけを取得して文字列にする方法

Question

分からないこと、やりたいこと

APIで以下のようなtagsの配列が送られてくるのですが、以下のnameだけを取得し「,」で文字列に連結してTextEditorに表示したいのですが、どのように実装すれば良いか分かりません。

"tags":[
  {"id":1,"name":"ランチ"},
  {"id":2,"name":"目黒"},
  {"id":3,"name":"チキン南蛮"}
]

例）上記ですと以下のようになります。
ランチ,目黒,チキン南蛮

タグが増えればidは自動的に増えるため、タグの個数は動的に実装したいです。

初歩的な質問かもしれませんが、何卒よろしくお願いいたします。

現在は以下のように実装しておりますが、上手く表示されません。

if let tags = tags {
                    VStack(alignment: .leading) {
                        TextEditor(text: $tags)
                            .border(Color.gray, width: 1)
                            .onAppear{
                                self.tags = tags
                                    .map({ String(describing: $0) })
                                    .joined(separator: ",")
                            }
                    }
                }

TextEditorには以下のように表示されてしまします。

Tag(id: 1, name: "ランチ"),Tag(id: 2, name: "目黒"),Tag(id: 3, name: "チキン南蛮")

Answer 1

tags
    .map { $0.name }
    .joined(separator: ",")

Comments

[yasukun252]

ありがとうございます！想定通りに実装できました！