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:
function 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:
function App() {
const [checked, setChecked] = useState(true);
return <div>
<input type="checkbox" defaultChecked={checked} />
</div>;
}
Testen Sie die Funktion dieser Attribute selbstständig.
