हे इनपुटच्या मूल्यासाठी सत्यचा स्रोत कोण आहे यावर आहे — 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"> नेहमी अनियंत्रित असतो), किंवा गैर-React विजेट्स एकत्रित करणे. कमी कोड, परंतु आपण परिवर्तन होत असताना प्रतिक्रिया दाखवू शकत नाही.त्यांना मिश्रित करणे (दोन्ही value आणि defaultValue पास करणे) एक सामान्य त्रुटी आहे आणि React चेतावणी ट्रिगर करते.