在 Next.js 14 中,服务器组件和服务器动作(Server Actions)之间传递数据是一个常见的需求。本文将通过一个实际的例子来展示如何在一个 Next.js 14 应用中,从服务器动作传递温度数据到服务器组件。
实例背景
假设我们正在开发一个天气应用,用户可以通过输入城市名称查询该城市的当前温度。我们将使用 Next.js 14 的服务器组件和服务器动作来实现这一功能。
代码结构
首先,让我们看看代码结构:
// pages/index.tsximport{create}from'../actions/create';exportdefaultasync