SwiftUI - ボタンで複数TextFieldを生成させたい

Question

前提・実現したいこと

ボタンを押したら、入力可能なTextFieldおよび、TextEditorを生成させたい。

ユーザがボタンを押したら、入力項目を自由に増やせるような機能を作成したいと考えていますが、実装できずにいます。

以下StackOverFlowを参照して試してはみましたが、TextEditorは文字入力ができず、TextFieldは文字入力はできるが入力後、生成ボタンを押すと内容が消えてしまいます。
https://stackoverflow.com/questions/60589725/foreach-textfield-in-swiftui

以下に載せているコードでボタンを押下すると、上手く生成されますが、ボタンを押すとTextField内に書いた内容が初期化されてしまうのと、入力された内容の取得方法がわからない状況です。

ご教授お願いいたします。

実現イメージ (ボタンを押した時の動作)

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

以下のような紫のワーニングが出ます

Accessing State's value outside of being installed on a View.
This will result in a constant Binding of the initial value and will not update.

該当のソースコード

import SwiftUI

struct Student: Identifiable {
    var id = UUID()
    @State var name = ""
}

struct Class: Identifiable {
    var id = UUID()
    var students = [
        Student(name: "Yo"),
        Student(name: "Ya"),
    ]
}

struct ContentView: View {
    @State private var newClass = Class()
    
    var body: some View {
        VStack() {
            Button(action: {
                newClass.students.append(Student(name: "test"))
            }){
                Text(" Add ").padding()
                    .background(Color.black)
                    .foregroundColor(.white)
            }
            Form {
                ForEach(self.newClass.students) { student in
                    TextField("",text: student.$name) // ★ここで紫ワーニング
                    TextEditor(text: student.$name) // ★ここで紫ワーニング
                }
            }
        }
    }
}

補足情報（FW/ツールのバージョンなど）

SwiftUI、Xcode

Answer 1

以下の方法で解決できました。

@Stateの配列を作成し状態監視し、ボタン押下時に状態監視している配列にappend
中身が変更された変数は再読み込みを実施しForEachが回りTextField生成。

参照は、wordsに配列で格納されているため、そこから取得可能

struct ContentView: View {
    @State var words = ["", ""]
    var body: some View {
        VStack {
            Button("Add") {
                self.words.append("")
            }
            List {
                ForEach(words.indices, id: .self) { i in
                    TextField("", text: self.$words[i])
                }
            }
        }
    }
}

Answer 2

ボタンクリックでビューの表示非表示を切り替えるだけなら、toggle()する方法がありますが。
「入力項目を自由に増やしたい」だけではさっぱり意味が分かりませんので、参考程度にしてください。

@State var showView = false

Button(action: {
    showView.toggle()
}, label: {
    Text("TextFieldを表示します")
})

if showView {
    TextField("何か入力してください", text: $data)
}

Comments

[ko-ru]

説明不足で申し訳ございません。
ボタンを押すと非表示viewを表示させるではなく、ボタンを押す度に新たなTextFieldを生成したいという意味になります。

[ko-ru]

実現イメージを追加させていただきました。
その他不明点があれば教えていただければと思います。
よろしくお願いします。