Thamani Chaguomsingi katika React

Wakati mwingine kunaweza kuhitajika kufanya hivyo chaguomsingi kwenye kiingilio tayari kuwe na thamani fulani. Wakati huo huo, inahitajika kuwa tu thamani ya awali ya kiingilio ichukuliwe kutoka kwa hali, na kiingilio yenyewe kisichounganishwa na hali hiyo.

Ili kutatua kazi kama hiyo, unahitaji kutumia kipengele defaultValue:

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

Kwa ajili ya vibonyeo kuna kipengele sawa defaultChecked, kwa msaada ambao unaweza kuweka awali:

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