Predvolené hodnoty v React
Niekedy môže byť potrebné, aby mal input predvolene nejakú hodnotu. Zároveň je potrebné, aby zo stavu bola vzatá len počiatočná hodnota inputu, ale samotný input nebol viazaný na tento stav.
Na vyriešenie tejto úlohy je potrebné použiť
atribút defaultValue:
function App() {
const [value, setValue] = useState('text');
return <div>
<input defaultValue={value} />
</div>;
}
Pre checkboxy existuje podobný atribút
defaultChecked, pomocou ktorého
je možné nastaviť počiatočný stav:
function App() {
const [checked, setChecked] = useState(true);
return <div>
<input type="checkbox" defaultChecked={checked} />
</div>;
}
Samostatne vyskúšajte fungovanie týchto atribútov.
