0
149
VistasCampo de texto de la interfaz de usuario de React Material onChange
const [formData, setFormData] = useState({}); useEffect(() => { fetch("/formdata") .then((res) => res.json()) .then((data) => setFormData(data)); }, []); console.log("Form Data", formData); //Sorting by order let attr; form.forms.map((y) => { return (attr = y.formAttributes.sort((a, b) => { return a.order < b.order ? -1 : 1; })); }); return ( {attr.map((attri, index) => { return ( <TextField key={index} label={attri.label} value={formData[attri.datakey] || ""} onChange={event => {const {value} = event.target; setFormData({formData: value})}} /> ); })} )Me gustaría pedir ayuda sobre cómo administrar varios campos en el área Textfield onChange. Actualmente, si voy a ingresar un valor, no hay cambios que estén sucediendo.
Aquí está mi código.
Intenté el enfoque de usar e.target.value, sin embargo, seguiría siendo el mismo.
·
Santiago Gelvez
1 Respuestas
Responde la pregunta0
Debe agregar un atributo de nombre , donde el 'nombre' es la clave del par clave-valor en su objeto.
p.ej
<TextField key={index} name="somename" label={attri.label} value={formData[attri.datakey] || ""} onChange={handleChange} />Entonces puedes actualizar el campo así.
setFormData({ ...formData, [e.target.name]: e.target.value // becomes "somename: some value" })
·
Santiago Gelvez
Denunciar
Responde la pregunta