Standardværdier i React

Sommetider kan det være nødvendigt at gøre sådan, at der som standard allerede er en værdi i inputfeltet. Samtidig skal det sikres, at kun startværdien af inputfeltet hentes fra staten, og at inputfeltet ikke er bundet til denne state.

For at løse en sådan opgave skal du bruge attributten defaultValue:

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

For checkbokse findes der en tilsvarende attribut defaultChecked, som kan bruges til at angive startværdien:

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