名称：react-server-actions 描述：在 Next.js 14+ 中实现 React Server Actions，用于安全、逐步增强的表单处理和服务器端突变，无需API路由。使用场景包括处理表单提交、执行服务器端数据突变、实现渐进增强、创建无需JavaScript即可工作的动作、在服务器上安全验证数据、在突变后重新验证缓存数据、服务器端处理文件上传、实现乐观UI更新或构建在无客户端JavaScript情况下优雅降级的表单。
React Server Actions - 表单处理
何时使用此技能
- 在 Next.js 14+ 应用程序中处理表单提交
- 无需API路由执行服务器端数据突变
- 为表单实现渐进增强
- 创建无需客户端JavaScript即可工作的动作
- 在服务器上安全验证表单数据
- 在数据突变后重新验证 Next.js 缓存
- 使用服务器端处理文件上传
- 使用 useOptimistic 实现乐观UI更新
- 构建具有服务器优先架构的可访问表单
- 直接集成数据库操作
- 使用 useFormState 钩子管理表单状态
- 使用仅服务器代码创建安全突变
何时使用此技能
- 在 Next.js App Router 中实现表单和突变
- 在相关工作或功能中
- 在需要此专业知识的开发过程中
使用时机：在 Next.js App Router 中实现表单和突变
服务器动作
```typescript ‘use server’;
export async function createPost(formData: FormData) { const title = formData.get(‘title’); await db.post.create({ data: { title } }); revalidatePath(‘/posts’); } ```