在同一个页面中组合使用服务端组件和客户端组件, 充分利用两者的优势:服务端组件处理数据获取和 SEO, 客户端组件处理交互和动态更新。
这部分在服务器渲染,可以直接访问数据库、API 等后端资源。
服务端渲染时间:2025-12-17T09:54:09.703Z
✅ 这个时间在构建时确定(如果是静态渲染)
这部分在浏览器渲染,可以使用 React hooks 和交互功能。
客户端挂载时间:加载中...
✅ 这个时间在每次页面加载时都会更新
0
✅ 交互功能只在客户端组件中可用
页面 (Server Component)
├── 头部 (Server Component)
├── 数据展示 (Server Component)
│ └── 数据来自后端 API/数据库
├── 交互按钮 (Client Component) ← 'use client'
│ └── useState, onClick, etc.
└── 表单 (Client Component) ← 'use client'
└── 表单验证、提交逻辑