Alapértelmezett értékek a Reactban
Előfordulhat, hogy szeretnénk, hogy alapértelmezetten már legyen valamilyen érték az input mezőben. Ugyanakkor azt is szeretnénk, hogy csak az input kezdeti értéke legyen taken az állapotból, maga az input ne legyen kötve ehhez az állapothoz.
Ezen feladat megoldásához használjuk
a defaultValue attribútumot:
function App() {
const [value, setValue] = useState('text');
return <div>
<input defaultValue={value} />
</div>;
}
A jelölőnégyzeteknek (checkbox) hasonló attribútuma létezik,
defaultChecked, amellyel
beállítható a kezdeti állapot:
function App() {
const [checked, setChecked] = useState(true);
return <div>
<input type="checkbox" defaultChecked={checked} />
</div>;
}
Próbáld ki ezen attribútumok működését önállóan.
