તે બધું ઇનપુટની કીમતનો સત્યનો સ્ત્રોત કોણ છે તેના પર આધારિત છે — React state, અથવા DOM જ.
ઇનપુટની value state દ્વારા ચલાવવામાં આવે છે, અને onChange state ને સિંક્રોનાઇজ રાખે છે. DOM હંમેશા React ને પ્રતિબિંબિત કરે છે:
[name, setName] = ();
કારણ કે state સત્યનો સ્ત્રોત છે, તમે દરેક કીસ્ટ્રોક પર ચકાસણી, ફોર્મેટ કરીને અથવા રૂપાંતર કરીને શકો છો (ઉદાહરણ તરીકે અપરકેસ દબાણ કરવું, લંબાઈ મર્યાદિત કરવું, જમા બટન અક્ષમ કરવું).
બ્રાઉઝર મૂલ્ય રાખે છે; તમે તેને રેફ મારફતે જરૂરી હોય તેવા સમયે જ વાંચો છો:
const inputRef = useRef(null);
<input defaultValue="" ref={inputRef} />;
// on submit: const value = inputRef.current.value;
<input type="file"> હંમેશા અનિયંત્રિત હોય છે), અથવા બિન-React વિજેટ્સને સંકલિત કરવું. ઓછો કોડ, પરંતુ તમે જેમ જેમ ફેરફારો થાય તેમ તેમ પ્રતિક્રિયા આપી શકતા નથી.તેમને મિશ્રિત કરવું (value અને defaultValue બંને પાસ કરવું) એ સામાન્ય ભૂલ છે અને React warning ને ઉદ્દીપિત કરે છે.