Valori implicite în React

Uneori poate fi necesar să faci astfel încât implicit în input să fie deja o anumită valoare. În același timp, este necesar ca din starea să fie luată doar valoarea inițială a input-ului, iar input-ul însuși să nu fie legat de această stare.

Pentru a rezolva o astfel de sarcină, trebuie să utilizezi atributul defaultValue:

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

Pentru checkbox-uri există un atribut analog defaultChecked, cu ajutorul căruia poți seta starea inițială:

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