React 19 的 useActionState：为什么禁用提交按钮远远不够

📋 概述

在 React 19 之前，每个表单都需要手动管理三种状态：loading（是否提交中）、error（错误信息）和 data（返回数据）。大多数开发者只做到禁用提交按钮来防重复提交，但这远远不够。React 19 的 useActionState Hook 统一了这三个状态的管理，配合 Server Actions 实现端到端的表单状态流。文章通过实际代码对比展示了旧方法（useState × 3 + try-catch）与新方法（一个 Hook 搞定）的巨大差异，并指出 useActionState 的真正价值不在于"少写代码"，而在于强制你把 所有状态分支都考虑进去——loading、success、error 一个都不能少。