Πώς θα βελτιστοποιούσες τον επαναλαμβανόμενο κώδικα των χειριστών onChange για τα πεδία email και κωδικού;

Για να βελτιστοποιήσετε τον επαναλαμβανόμενο κώδικα των χειριστών onChange για email και κωδικό πρόσβασης, μπορείτε να δημιουργήσετε μια καθολική λειτουργία χειριστή που θα δέχεται το όνομα του πεδίου και θα ενημερώνει δυναμικά την κατάσταση.

Παράδειγμα σε 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} />

Αυτή η προσέγγιση αποφεύγει την επανάληψη κώδικα και διευκολύνει τη συντήρηση.