Valori Predefiniti in React
A volte potrebbe essere necessario fare in modo che per impostazione predefinita in un input ci fosse già un valore. Allo stesso tempo, è necessario che dallo stato venga preso solo il valore iniziale dell'input, e che l'input stesso non sia vincolato a quello stato.
Per risolvere questo compito, è necessario utilizzare
l'attributo defaultValue:
function App() {
const [value, setValue] = useState('testo');
return <div>
<input defaultValue={value} />
</div>;
}
Per le checkbox esiste un attributo analogo
defaultChecked, con il quale
è possibile impostare lo stato iniziale:
function App() {
const [checked, setChecked] = useState(true);
return <div>
<input type="checkbox" defaultChecked={checked} />
</div>;
}
Sperimentate in autonomia il funzionamento di questi attributi.