Next.js客户端组件中调用服务器操作的方法
27 May 2024服务器组件
服务器操作是在服务器上执行的异步函数,可以在服务器和客户端组件中使用,以处理Next.js应用中的表单提交和数据变化。
可以使用
use server指令定义服务器操作,例如可以将该指令放置在async函数的顶部以将该函数标记为服务器操作,或者放置在单独文件的顶部以将该文件的所有导出函数标记为服务器操作。

服务器操作是在服务器上执行的异步函数,可以在服务器和客户端组件中使用,以处理Next.js应用中的表单提交和数据变化。
可以使用
use server指令定义服务器操作,例如可以将该指令放置在async函数的顶部以将该函数标记为服务器操作,或者放置在单独文件的顶部以将该文件的所有导出函数标记为服务器操作。

Effects会在渲染后运行一些代码,以便可以将组件与React之外的某些系统同步。
React组件中主要有两种逻辑类型:
- 渲染逻辑代码。位于组件的顶层,在这里接收props和state,并对它们进行转换,最终返回在屏幕上看到的JSX。渲染的代码必须是纯粹的——它只应该“计算”结果,而不做其他任何事情。
- 事件处理程序。是嵌套在组件内部的函数,包含特定用户操作(列如按钮点击或键入)引起的“副作用”(它们改变了程序的状态)。
