Numatytojos reikšmės React

Kartais gali prireikti, kad įvesties lauke jau būtų kažkokia numatytoji reikšmė. Tačiau reikia, kad iš būsenos būtų paimta tik pradinė įvesties lauko reikšmė, o pats įvesties laukas nebūtų susietas su šia būsena.

Norint išspręsti tokią užduotį, reikia naudoti atributą defaultValue:

jsxfunction App() {
  const [value, setValue] = useState('text');
  
  return <div>
    <input defaultValue={value} />
  </div>;
}

Žymimiesiems laukeliams yra analogiškas atributas defaultChecked, kurio pagalba galima nustatyti pradinę būseną:

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