Standardwerte in React

Manchmal kann es erforderlich sein, dass in einem Input-Feld standardmäßig bereits ein Wert steht. Dabei soll aus dem State nur der Anfangswert des Input-Felds übernommen werden, und das Input-Feld sollte nicht an diesen State gebunden sein.

Um diese Aufgabe zu lösen, muss das Attribut defaultValue verwendet werden:

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

Für Checkboxen gibt es ein analoges Attribut defaultChecked, mit dem der Anfangszustand festgelegt werden kann:

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