Hooks integrados de React DOM

El paquete de react-dom contiene Hooks que solo se admiten para aplicaciones web (que se ejecutan en el entorno DOM del navegador). Estos Hooks no son compatibles en entornos que no son de navegador, como en aplicaciones de iOS, Android o Windows. Si estás buscando Hooks que sean compatibles en navegadores web y otros entornos, consulta la página de Hooks de React. Esta página enumera todos los Hooks en el paquete react-dom.


Hooks de Formularios

Canary

Los Hooks de Formularios actualmente solo están disponibles en React Canary y canales experimentales. Aprende más sobre los canales de lanzamiento de React aquí.

Los formularios (forms) te permiten crear controles interactivos para enviar información. Para manejar formularios en tus componentes, usa uno de estos Hooks:

  • useFormStatus facilita la actualización de la interfaz de usuario basada en el estado del formulario.
function Form({ action }) {
async function increment(n) {
return n + 1;
}
const [count, incrementFormAction] = useActionState(increment, 0);
return (
<form action={action}>
<button formAction={incrementFormAction}>Count: {count}</button>
<Button />
</form>
);
}

function Button() {
const { pending } = useFormStatus();
return (
<button disabled={pending} type="submit">
Submit
</button>
);
}