Come ottimizzeresti il codice ripetitivo degli handler onChange per i campi email e password?

Per ottimizzare il codice ripetitivo dei gestori onChange per email e password, puoi creare una funzione gestore universale che accetta il nome del campo e aggiorna lo stato in modo dinamico.

Esempio in React:

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

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

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

Questo approccio elimina la duplicazione del codice e semplifica la manutenzione.