Standaardwaardes in React

Soms kan dit nodig wees om te maak sodat daar reeds 'n sekere waarde by verstek in die invoerveld is. Terselfdertyd is dit nodig dat slegs die aanvanklike waarde van die staat geneem word vir die invoerveld, en die invoerveld self nie aan hierdie staat gekoppel moet wees nie.

Om so 'n taak op te los, moet jy die kenmerk defaultValue gebruik:

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

Vir merkblokkies bestaan daar 'n soortgelyke kenmerk defaultChecked, waarmee jy die aanvanklike:

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