useActionState

useActionState permite ejecutar una acción y actualizar el estado del componente con el resultado devuelto por esa acción.

En React 19 y NextJS, es una forma habitual de conectar formularios con Server Actions.

const [state, formAction, isPending] = useActionState(serverAction, null);

Valores devueltos

• state: último estado devuelto por la acción.
• formAction: función que se pasa al formulario o se invoca desde una transición.
• isPending: indica si la acción está en curso.

Parámetros

1. La acción que se quiere ejecutar.
2. El estado inicial.

Cuándo usarlo

• Formularios que necesitan respuesta del servidor.
• Mensajes de éxito o error después de enviar.
• Validación server-side conectada a UI.
• Mutaciones donde el estado devuelto importa para la interfaz.

Relacionado

• Forms en React 19
• React useState
• useTransition