¿Cómo optimizarías el código repetitivo de los manejadores onChange para los campos de correo electrónico y contraseña?

Para optimizar el código repetitivo de los manejadores onChange para correo electrónico y contraseña, se puede crear una función manejadora universal que acepte el nombre del campo y actualice el estado de manera dinámica.

Ejemplo en React:

const [form, setForm] = React.useState({ email: '', password: '' });

const handleChange = (e) => {
  const { name, value } = e.target;
  setForm(prev => ({ ...prev, [name]: value }));
};

// En JSX
<input name="email" value={form.email} onChange={handleChange} />
<input name="password" value={form.password} onChange={handleChange} />

Este enfoque elimina la duplicación de código y facilita el mantenimiento.