解读 Next.js：何时使用 use client 与 use server
💡
原文英文，约600词，阅读约需3分钟。
📝
内容提要
Next.js结合React.js，支持客户端和服务器端渲染。"use client"用于处理客户端交互，"use server"用于服务器端数据获取。可以在服务器组件中嵌入客户端组件。示例中，服务器组件`ServerUserList`从API获取数据，客户端组件`UserList`使用该组件，实现数据展示和交互的结合。
🎯
关键要点
- Next.js结合React.js，支持客户端和服务器端渲染。
- "use client"用于处理客户端交互，如按钮、状态管理和动态数据获取。
- "use server"用于服务器端渲染，适用于数据获取、静态内容展示和服务器端逻辑执行。
- 可以在"use server"组件中嵌入"use client"组件，处理用户交互。
- 示例中，服务器组件ServerUserList从API获取用户数据并渲染为无序列表。
- 客户端组件UserList使用ServerUserList，允许额外的交互逻辑。
- HomePage组件整合了客户端和服务器端组件，展示了如何有效使用它们。
➡️
