Alapértelmezett értékek a Reactban

Előfordulhat, hogy szeretnénk, hogy alapértelmezetten már legyen valamilyen érték az input mezőben. Ugyanakkor azt is szeretnénk, hogy csak az input kezdeti értéke legyen taken az állapotból, maga az input ne legyen kötve ehhez az állapothoz.

Ezen feladat megoldásához használjuk a defaultValue attribútumot:

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

A jelölőnégyzeteknek (checkbox) hasonló attribútuma létezik, defaultChecked, amellyel beállítható a kezdeti állapot:

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