HTML如何理解RSC原理_React Server Components新手指南

RSC（React Server Components）并非HTML规范的一部分，也不依赖浏览器原生支持，而是一套由React生态定义的、运行在服务端与客户端之间的专用协议层——服务器生成如$1{...}这样的指令流并以multipart/mixed格式传输，客户端React运行时（而非HTML解析器）负责解析、构建虚拟DOM并协同hydration，HTML仅作为最终承载渲染结果的“容器”存在；你右键查看源代码看到的永远是纯净HTML，所有RSC中间产物都在服务端就被转换并注入到__NEXT_DATA__或流式script中，真正理解RSC原理的关键在于HTTP响应头/体协作与JS运行时行为，而非HTML本身。

HTML 本身不理解 RSC 原理——它压根不参与 RSC 的解析或执行。RSC（React Server Components）不是 HTML 规范的一部分，也不是浏览器原生支持的机制；它是一套由 React 生态定义、服务端生成、客户端运行时（如 Next.js 的 ReactClientRenderer）专门消费的协议层。

HTML 只负责承载 RSC 的最终输出结果

浏览器拿到的永远是 HTML（哪怕用了 RSC），而这个 HTML 是由服务端组件“渲染完成”后，经由流式 SSR 或 hydration 后注入的。RSC 的中间产物——比如 text/x-component 响应体、$ 开头的指令块、@ 引用模块——根本不会出现在最终的 HTML 源码里。它们在服务端就被转换成可序列化的 React 节点，再打包进 HTML 的 __NEXT_DATA__ script 标签，或通过流式