यह इस बात पर निर्भर करता है कि input की value के लिए source of truth कौन है — React state, या DOM खुद।
input की value state से चलती है, और onChange state को sync में रखता है। DOM हमेशा React को दर्शाता है:
[name, setName] = ();
चूँकि state ही source of truth है, आप हर keystroke पर validate, format, या transform कर सकते हैं (जैसे uppercase में बदलना, length सीमित करना, submit button को disable करना)।
ब्राउज़र value रखता है; आप इसे केवल ज़रूरत पड़ने पर एक ref के ज़रिए पढ़ते हैं:
const inputRef = useRef(null);
<input defaultValue="" ref={inputRef} />;
// on submit: const value = inputRef.current.value;
<input type="file"> हमेशा uncontrolled होता है), या non-React widgets को integrate करना। कम code, लेकिन आप बदलावों पर तुरंत प्रतिक्रिया नहीं दे सकते।इन्हें मिलाना (value और defaultValue दोनों pass करना) एक आम गलती है और एक React warning को trigger करती है।