Email va parol uchun onChange hodisalarini qayta ishlash kodini qanday optimallashtirasiz?

E-poçt va parol uchun onChange ishlovchilarining takrorlanadigan kodini optimallashtirish uchun, maydon nomini qabul qiladigan va holatni dinamik ravishda yangilaydigan universal ishlovchi funksiyasini yaratishingiz mumkin.

Reactda misol:

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

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

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

Bu yondashuv kod takrorlanishini yo'q qiladi va texnik xizmat ko'rsatishni osonlashtiradi.