Hoe zou je de herhalende code voor onChange handlers voor e-mail en wachtwoordvelden optimaliseren?

Om de herhalende code van onChange-handlers voor e-mail en wachtwoord te optimaliseren, kun je een universele handler-functie maken die de naam van het veld accepteert en de status dynamisch bijwerkt.

Voorbeeld 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} />

Deze aanpak voorkomt codeherhaling en vereenvoudigt het onderhoud.