Valores por defecto en React

A veces puede ser necesario que por defecto en el input ya haya algún valor. Al mismo tiempo, es necesario que del estado se tome solo el valor inicial del input, y que el input no esté vinculado a este estado.

Para resolver esta tarea, es necesario utilizar el atributo defaultValue:

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

Para las casillas de verificación existe un atributo análogo defaultChecked, con el cual se puede establecer el estado inicial:

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