Next.js 14 服务器组件间的温度传递实例

在 Next.js 14 中，服务器组件和服务器动作（Server Actions）之间传递数据是一个常见的需求。本文将通过一个实际的例子来展示如何在一个 Next.js 14 应用中，从服务器动作传递温度数据到服务器组件。

实例背景

假设我们正在开发一个天气应用，用户可以通过输入城市名称查询该城市的当前温度。我们将使用 Next.js 14 的服务器组件和服务器动作来实现这一功能。

代码结构

首先，让我们看看代码结构：

// pages/index.tsximport{create}from'../actions/create';exportdefaultasync