Tengo una serie de campos de entrada de texto: useState administra su entrada de esta manera:

 const [formFields, setFormFields] = useState([ { textinput1: "", textinput2: "", textinput3: "", reactQuill: "" } ]);

Su cambio de identificador se gestiona con esta función, porque se pueden agregar más campos de texto, y cada índice de las adiciones debe tener su entrada guardada:

 function handleChangeInput(index, event) { const values = [...formFields]; values[index][event.target.name] = event.target.value setFormFields(values); }

Y así es como se ven y funcionan según lo previsto:

 { formFields.map((formField, index) => ( <React.Fragement key={index}> <TextField name='textinput1' value={formField.textinput1} onChange={event => handleChangeInput(index, event)} /> )) }

Sin embargo, cuando pruebo exactamente la misma lógica con la entrada React Quill (editor de texto enriquecido), no funciona en absoluto. Entonces, por ejemplo, esto no funcionará:

 <ReactQuill name="reactQuill" onChange={event => handleChangeInput(index, event)} value={formField.reactQuill} />

Recibo un error de "nombre" no definido, y no estoy seguro de cómo solucionarlo. Gracias de antemano si alguien sabe cómo solucionar esto!