Kā jūs optimizētu atkārtojošo onChange notikumu apstrādātāju kodu e-pasta un paroles laukiem?

Lai optimizētu atkārtojošo kodu onChange apstrādātājiem e-pasta un paroles gadījumā, jūs varat izveidot universālu apstrādātāja funkciju, kas pieņem lauka nosaukumu un dinamiski atjaunina stāvokli.

Piemērs React:

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

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

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

Šī pieeja novērš koda dublēšanu un atvieglo uzturēšanu.