Электрондук почта жана сырсөз талаалары үчүн 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} />

Бул ыкма кодду кайталанууну жокко чыгарат жана тейлөөдө жеңилдик берет.