Podrazumevane vrednosti u React-u

Ponekad može biti potrebno napraviti da podrazumevano u input polju već postoji neka vrednost. Pritom je potrebno da iz stanja bude uzeta samo početna vrednost input polja, a samo input polje ne bi trebalo da bude vezano za to stanje.

Za rešavanje takvog zadatka potrebno je iskoristiti atribut defaultValue:

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

Za checkbox-ove postoji analogan atribut defaultChecked, pomoću kojeg se može postaviti početno stanje:

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