Hook · React 19 · react-dom
useFormStatus
Leer el estado del form desde un hijo
useFormStatus lee el estado del formulario más cercano en el árbol: si está pendiente, qué datos envió y con qué método. Permite crear componentes reutilizables sin prop drilling.
Regla de uso
Debe llamarse desde un componente hijo del <form>, no desde el mismo componente que lo renderiza. Es el patrón inverso a pasar isPending como prop.
Qué expone
{ pending, data, method, action }. pending es el flag más usado. data es el FormData en vuelo — útil para mostrar un preview del valor mientras espera.
Tropiezos comunes
- 01useFormStatus no funciona en el componente que renderiza el form — debe estar en un hijo.
- 02Solo tiene acceso al form del cual es descendiente directo, no a forms hermanos o anidados.
- 03Importar desde 'react-dom', no desde 'react'.
¿Fue útil?
Inicia sesión para dar feedback