React-da Default Deyerler

Bezen inputda artiq hansisa bir default deyerin olmasini isteye bilerik. Eyni zamanda, state-den ancaq inputun ilkin deyeri goturulmelidir, input ise hemin state-e baglanmamalidir.

Bu problemi hell etmek ucun defaultValue atributundan istifade etmek lazimdir:

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

Checkbox-lar ucun da defaultChecked adli oxsar atribut movcuddur, onun vasitesile ilkin veziyyet teyin etmek olar:

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