Predvolené hodnoty v React

Niekedy môže byť potrebné, aby mal input predvolene nejakú hodnotu. Zároveň je potrebné, aby zo stavu bola vzatá len počiatočná hodnota inputu, ale samotný input nebol viazaný na tento stav.

Na vyriešenie tejto úlohy je potrebné použiť atribút defaultValue:

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

Pre checkboxy existuje podobný atribút defaultChecked, pomocou ktorého je možné nastaviť počiatočný stav:

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