Het gaat erom wie de bron van waarheid voor de waarde van de invoer is — React state, of het DOM zelf.
De value van de invoer wordt aangestuurd door state, en onChange houdt state gesynchroniseerd. Het DOM weerspiegelt altijd React:
[name, setName] = ();
Omdat state de bron van waarheid is, kunt u valideren, opmaken of transformeren bij elke toetsaanslag (bijv. hoofdletters afdwingen, lengte beperken, verzendknop uitschakelen).
De browser houdt de waarde vast; u leest deze alleen wanneer nodig via een ref:
const inputRef = useRef(null);
<input defaultValue="" ref={inputRef} />;
// on submit: const value = inputRef.current.value;
<input type="file"> is altijd onbediend), of integratie van niet-React-widgets. Minder code, maar u kunt niet op wijzigingen reageren terwijl deze plaatsvinden.Ze mengen (zowel value als defaultValue doorgeven) is een veel voorkomende fout en veroorzaakt een React-waarschuwing.