SuperAPI AI 工具集

server-actions

前端与建站

查看项目

更新于 10-16 09:51

技能介绍

用途:该技能针对 Next.js Server Actions,即运行在服务端的异步函数,可从客户端和服务端组件调用,用于数据变更、表单提交及其他服务端操作。

主要能力:支持在服务端组件内用 'use server' 指令定义操作,或以 'use server' 标记整个文件导出的操作;覆盖表单处理(含基础表单与 Zod 校验)、useFormState 处理表单状态与错误、useFormStatus 显示提交中状态、revalidatePath 与 revalidateTag 缓存重新验证、redirect 跳转、useOptimistic 乐观更新、通过事件处理器非表单方式调用,以及错误处理与安全注意事项(校验输入、检查认证、CSRF 与 XSS 防护)。

使用方式:在 Next.js 项目的 app 目录中,将异步函数用 'use server' 标记,或创建带 'use server' 的单独文件导出操作,再在表单 action 或客户端事件中调用;结合 react-dom 的 useFormState、useFormStatus 与 react 的 useOptimistic 使用。示例命令与代码保持原样。

适用场景:Next.js 应用中的数据变更、表单提交、缓存刷新与交互反馈。

限制:资料未提供版本要求、价格、平台或性能数据;具体实现细节需以官方文档为准。