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:
function 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:
function App() {
const [checked, setChecked] = useState(true);
return <div>
<input type="checkbox" defaultChecked={checked} />
</div>;
}
Samostojno preizkusite delovanje teh atributov.
