Чӣ гуна шумо кодро, ки барои майдонҳои почта ва парол дар handlers 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} />

Ин муносибат коди такроршавандаро бартараф мекунад ва нигоҳдориро осон мекунад.