Así que estoy usando Ant Design Dynamic Form Item y puede crear tantos campos de entrada como desee.
la pregunta es ¿cómo puedo almacenar todos los valores (static field and new fields) en una sola array of objects dentro de mi estado?
Por favor, eche un vistazo a mi componente
si hace clic en Agregar, se creará otro Autocompletar y un campo de entrada. y tu ingresas datos
por ejemplo, quiero una matriz de objetos como este
[{commisionFor: 'Invoicing' , perctange: 10},{newcondition: 'something' , percentage: 32},{} , {} , {] , and etc ]Quiero lograr esto. Cómo puedo hacer esto ? Apreciaré su ayuda
PD : no estoy escribiendo mi código aquí porque es demasiado complejo y ni siquiera sé lo que hice. Eche un vistazo a este sandbox de Ant Design Dynamic Form Item
puede usar el evento onChange para almacenar todos los valores por separado.
const [values, setValues] = useState({}) const onChangeHandler = (name, value) =>{ let data = values; data[name] = value; setValues(data) }y en su campo de entrada múltiple, cree un nombre único para cada campo de entrada.
fields.map((name, index) => { <Input placeholder={name} name={name} onChange={(e) => onChangeHandler(name, e.target.value)} /> })use su propio atributo para nombrar campos o simplemente use el valor del índice.