Kaip optimizuotumėte pasikartojantį onChange įvykių tvarkytojų kodą el. pašto ir slaptažodžio laukams?

Norint optimizuoti pasikartojantį onChange tvarkytojų kodą el. pašto ir slaptažodžio atvejais, galite sukurti bendrą tvarkytojo funkciją, kuri priims lauko pavadinimą ir dinamiškai atnaujins būseną.

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

Šis požiūris pašalina kodo dubliavimą ir palengvina priežiūrą.