Standardvärden i React
Ibland kan det vara nödvändigt att göra så att ett inputfält redan har ett visst värde som standard. Samtidigt behöver vi att endast startvärdet för inputfältet hämtas från tillståndet, och att inputfältet inte är bundet till det tillståndet.
För att lösa denna uppgift bör du använda
attributet defaultValue:
function App() {
const [value, setValue] = useState('text');
return <div>
<input defaultValue={value} />
</div>;
}
För kryssrutor finns ett motsvarande attribut
defaultChecked, med vilket
man kan ställa in initialt:
function App() {
const [checked, setChecked] = useState(true);
return <div>
<input type="checkbox" defaultChecked={checked} />
</div>;
}
Testa gärna hur dessa attribut fungerar på egen hand.
