Reactда умовий қийматлар

Базан инпутда айни умодано ҳам бирор қиймат булишини талаб қилишингиз мумкин. Бу ҳолда, инпутнинг бошланғич қийматигина стейтдан олиниши, аммо инпутнинг ўзи бу стейтга богланмаслиги керак.

Бундай вазифани ҳал этиш учун defaultValue атрибутидан фойдаланиш керак:

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

Чекбокслар учун ҳам шунингдек defaultChecked атрибути мавжуд бўлиб, у билан бошланғич ҳолатни белгилаш мумкин:

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