React 服务器组件(React Server Components,简称 RSC)是 React 18 引入的一项新特性,旨在提升 Web 应用的性能与可扩展性。它与传统的客户端组件(Client Components)在设计理念、运行环境、功能支持等方面有显著区别。以下是它们之间的主要区别: 一、定义与运行位置 | 类别 | React 服务器组件 (RSC) | 客户端组件 (Client Components) | |------|--------------------------|-------------------------------| | 执行环境 | 在服务端运行(Node.js / Edge Runtime) | 在浏览器中运行(通过 JavaScript bundle) | | HTML/JSX输出 | 仅返回渲染后的 UI(不含 JS),或序列化的 RSC Payload | 返回包含交互逻辑的完整 JS Bundle | | JS Bundle大小影响 | ❌不会增加前端 JS bundle体积 ✅有助于减小 bundle | ✅会增大前端 JS...