Как бихте оптимизирали повтарящия се код на обработчиците onChange за полетата за имейл и парола?

За да оптимизирате повтарящия се код на обработчиците onChange за имейл и парола, можете да създадете универсална функция-обработчик, която ще приема името на полето и ще актуализира състоянието динамично.

Пример в 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} />

Този подход премахва дублирането на код и улеснява поддръжката.