05 · 实验 A

form 的 action：表单不再需要 fetch

把 Server Action 直接塞进 <form action>。提交表单不用 fetch、不用 e.preventDefault()、不用手动 JSON 序列化——这就是 Server Action 最核心的价值。

关键认知

useActionState 是 React 19 的 hook，用于绑定 <form action> 并拿到提交结果与 pending 状态。
渐进增强：即使没有 JS，<form action> 也能把数据提交到服务端 —— Server Action 天然支持这一点。
不需要为"提交表单"单独写一个 route.ts 或客户端 fetch 逻辑。