Ανάγεται σε ποιος είναι η πηγή αλήθειας για την τιμή της εισόδου — React state ή το ίδιο το DOM.
Η τιμή value της εισόδου οδηγείται από το state και onChange διατηρεί το state συγχρονισμένο. Το DOM πάντα αντικατοπτρίζει το React:
[name, setName] = ();
Επειδή το state είναι η πηγή αλήθειας, μπορείτε να επικυρώσετε, να μορφοποιήσετε ή να μετασχηματίσετε σε κάθε πληκτρολόγηση (π.χ. επιβολή κεφαλαίων, περιορισμός μήκους, απενεργοποίηση κουμπιού υποβολής).
Το πρόγραμμα περιήγησης διατηρεί την τιμή· την διαβάζετε μόνο όπως χρειάζεται μέσω ref:
const inputRef = useRef(null);
<input defaultValue="" ref={inputRef} />;
// on submit: const value = inputRef.current.value;
<input type="file"> είναι πάντα μη ελεγχόμενη), ή ενσωμάτωση widget εκτός React. Λιγότερος κώδικας, αλλά δεν μπορείτε να αποκριθείτε στις αλλαγές καθώς συμβαίνουν.Η ανάμειξή τους (μετάδοση και των value και defaultValue) είναι ένα κοινό σφάλμα και ενεργοποιεί μια προειδοποίηση React.
Μια βιβλιοθήκη ερωτήσεων συνέντευξης IT με αναλυτικές απαντήσεις — από Junior έως Senior.
Δωρεά