Standardverdier i React

Noen ganger kan det være nødvendig å gjøre slik at det allerede er en verdi i inndatafeltet som standard. Samtidig må det sikres at kun startverdien til inndatafeltet hentes fra staten, og at inndatafeltet ikke er bundet til denne staten.

For å løse en slik oppgave må du bruke attributtet defaultValue:

jsxfunction App() {
  const [value, setValue] = useState('text');
  
  return <div>
    <input defaultValue={value} />
  </div>;
}

For avkrysningsbokser finnes det et tilsvarende attributt defaultChecked, som kan brukes til å sette startverdien:

jsxfunction App() {
  const [checked, setChecked] = useState(true);
  
  return <div>
    <input type="checkbox" defaultChecked={checked} />
  </div>;
}