Privzete vrednosti v Reactu

Včasih bo morda potrebno narediti tako, da je privzeto vnosno polje že vsebovalo neko vrednost. Hkrati pa je potrebno, da iz stanja prevzame samo začetno vrednost vnosnega polja, samo vnosno polje pa ne sme biti povezano s tem stanjem.

Za rešitev takšne naloge je potrebno uporabiti atribut defaultValue:

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

Za potrditvena polja obstaja podoben atribut defaultChecked, s katerim lahko nastavite začetno stanje:

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