prácticaintermedio
Formulario con useActionState
Un formulario de registro que hoy usa useState + onSubmit. Migra la lógica a useActionState para centralizar estado, validaciones y pending en un solo lugar — sin useState extra.
Objetivos
- 1.Crea una función
actionasync que recibe(prevState, formData) - 2.Valida
username(mín 3 chars) yemail(contiene@) y retorna{ error } - 3.Si es válido, retorna
{ ok: true, username } - 4.Conecta la action a
useActionStatey usaformActioncomo atributoactiondel form - 5.Deshabilita los inputs y el botón mientras
isPendingestrue
tu código
Pista
La función action siempre recibe el estado anterior como primer argumento. Retorna el nuevo estado — ya sea { error } o { ok, username }. useActionState se encarga del pending automáticamente.
Conceptos relacionados
¿Fue útil?
Inicia sesión para dar feedback