Wie würdest du den wiederholten Code der onChange-Handler für die E-Mail- und Passwortfelder optimieren?

Um den wiederholenden Code der onChange-Handler für E-Mail und Passwort zu optimieren, kann man eine universelle Handler-Funktion erstellen, die den Feldnamen übernimmt und den Zustand dynamisch aktualisiert.

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

Dieser Ansatz vermeidet Code-Duplikation und erleichtert die Wartung.