Valori implicite în React
Uneori poate fi necesar să faci astfel încât implicit în input să fie deja o anumită valoare. În același timp, este necesar ca din starea să fie luată doar valoarea inițială a input-ului, iar input-ul însuși să nu fie legat de această stare.
Pentru a rezolva o astfel de sarcină, trebuie să utilizezi
atributul defaultValue:
function App() {
const [value, setValue] = useState('text');
return <div>
<input defaultValue={value} />
</div>;
}
Pentru checkbox-uri există un atribut analog
defaultChecked, cu ajutorul căruia
poți seta starea inițială:
function App() {
const [checked, setChecked] = useState(true);
return <div>
<input type="checkbox" defaultChecked={checked} />
</div>;
}
Încearcă singur să lucrezi cu aceste atribute.