Standardværdier i React
Sommetider kan det være nødvendigt at gøre sådan, at der som standard allerede er en værdi i inputfeltet. Samtidig skal det sikres, at kun startværdien af inputfeltet hentes fra staten, og at inputfeltet ikke er bundet til denne state.
For at løse en sådan opgave skal du bruge
attributten defaultValue:
function App() {
const [value, setValue] = useState('text');
return <div>
<input defaultValue={value} />
</div>;
}
For checkbokse findes der en tilsvarende attribut
defaultChecked, som kan bruges til at
angive startværdien:
function App() {
const [checked, setChecked] = useState(true);
return <div>
<input type="checkbox" defaultChecked={checked} />
</div>;
}
Prøv selv at arbejde med disse attributter.
