Noklusējuma vērtības React

Dažreiz var būt nepieciešams, lai pēc noklusējuma ievades laukā jau būtu kāda vērtība. Tai pat laikā ir nepieciešams, lai no stāvokļa tiktu ņemta tikai sākotnējā ievades lauka vērtība, bet pats ievades lauks nebūtu saistīts ar šo stāvokli.

Lai atrisinātu šādu uzdevumu, ir jāizmanto atribūts defaultValue:

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

Izvēles rūtiņām pastāv līdzīgs atribūts defaultChecked, ar kura palīdzību var iestatīt sākotnējo:

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