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:
function 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:
function App() {
const [checked, setChecked] = useState(true);
return <div>
<input type="checkbox" defaultChecked={checked} />
</div>;
}
Prøv selv å arbeide med disse attributtene.
