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:

jsxfunction 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:

jsxfunction App() {
  const [checked, setChecked] = useState(true);
  
  return <div>
    <input type="checkbox" defaultChecked={checked} />
  </div>;
}