Tengo un formulario donde en las propiedades hay una función, en la principal llamé a este formulario y tengo que pasar una función que tiene un arreglo cada elemento de ese arreglo tengo que llamar a una solicitud http de tipo PUT y tengo un Problema de bucle infinito. tienen ideas chicos??

Form.ts: (no esta completo, solo pongo la parte donde esta la funcion)

 interface UserFormProps { selectedUser?: User | null formType: string onSave: (val: UserFormData) => Promise<boolean> onDismiss: () => void isVisible: boolean GroupFilterSelection?:any RoomFilterSelection?:any OnAddUser ?:()=>void } <Label >{t('Assegnare Rooms')}</Label> {boolean? <> <div className="row"> <div className="col "> { GroupFilterSelection } </div> </div> <div className="row"> <div className="col"> { RoomFilterSelection} </div> <div> <PrimaryButton className="mt-4" onClick={()=>OnAddUser} >{t('Add userRoom')}</PrimaryButton> </div> </div> </> :null }

Función:

 async function AddRoomUser(){ if(filterrooms&&filterrooms.length>0 && selectedUser){ for await(let i of filterrooms){ let item : RoomUser = { UsersId :selectedUser.UsersId, UsersName : selectedUser.User, RoomId :i.RoomId } await dispatch(AddUserRoom(item)) } } }

Main.ts (código html):

 <UserForm selectedUser={selectedUser} formType={addOrEditUser} isVisible={displayUserForm} onSave={saveUser} onDismiss={dismissForm} GroupFilterSelection={GroupSelectionFilter} RoomFilterSelection={roomSelectionFilter} OnAddUser={()=>AddRoomUser} ></UserForm>