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:
function 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:
function App() {
const [checked, setChecked] = useState(true);
return <div>
<input type="checkbox" defaultChecked={checked} />
</div>;
}
Pruebe usted mismo el funcionamiento de estos atributos.
