Hogyan optimalizálnád az ismétlődő onChange kezelő kódját az email és jelszó mezőkhöz?

Az e-mail és jelszó esetén az onChange kezelők ismétlődő kódjának optimalizálásához létrehozhat egy univerzális kezelőfüggvényt, amely elfogadja a mező nevét, és dinamikusan frissíti az állapotot.

React példában:

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

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

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

Ez a megközelítés kiküszöböli a kód ismétlődését és megkönnyíti a karbantartást.