I have a dynamic SwiftUI view (SingleMember) that represents individual members. Each instance of this view needs to have its own separate amount value, which the user can enter through a TextField. I want to bind these individual amounts to the corresponding members in an array in my view model (ViewModel). How can I achieve this binding and update the array with the respective amounts when a button is clicked?

This is on ViewModel:

@Published var amounts: [String] = []

This is my single member

struct SingleMember: View {
    @ObservedObject var groupAirtimeVM: GroupAirtimeViewModel
    @State var memberItem: MemberInfo
    @State var amount: String = ""

    var body: some View {
        VStack(alignment:.leading){
            Divider()
            HStack{
                Image("avatar")
                VStack(alignment:.leading){
                    Text("\(memberItem.firstName ?? "Unknown")")
                        .font(.custom("Ubuntu-Regular", size:15))
                    Text("\(memberItem.phoneNumber ?? "Unknown")")
                        .font(.custom("Ubuntu-Regular", size:12))
                        .foregroundColor(.gray)
                }
                Spacer()
                HStack{
                    TextField("Amount", text: $amount)

                        .frame(width:50)
                        .background(.clear)

                    Image(systemName: "square.and.pencil")
                }.font(.custom("Ubuntu-Regular", size: 12))
                    .foregroundColor(Color.gray)

            }
      }
  }
}

this is my dynamic view

 ScrollView {
       ForEach(memberInfo, id:\.self){ item in
        SingleMember(groupAirtimeVM: groupAirtimeVM, memberItem: item)
 } 
 .background(Color.white)
 .scrollContentBackground(.hidden)
 .tint(Color.gray.opacity(0.4))
 .padding(.bottom, 15)

   Button("Add Amount To Array"){
   //action where should add to array
   }

}