dev.to | 📄 原文链接 | 2026-11-03 收录

Next.js 不再「渲染页面」了，它在流一种更奇怪的东西

来源：dev.to — 2026-11-02

📋 概述

十个开发者里至少八个会说 use client 让组件在浏览器里跑，作者指出这完全反了：Client Component 同样在服务端执行，否则不会因为 window is not defined 把服务端打崩。use client 定义的是模块边界——这个文件导出的东西要打进浏览器包，并允许子树使用 hooks 和事件。文章用图解讲清 RSC Payload 和 hydration 怎么把两端接起来。

🔑 核心要点

App Router 下每个文件默认都是 Server Component，use client 只是打标记。
如果 Client Component 只在浏览器跑，服务端就不会抛 window is not defined。
use client 决定的是打包产物，不是执行位置。
理解 RSC Payload 与 hydration 的分工，才能写出既快又不出错的 Next.js 应用。

💡 金句

“The "use client" directive does not define where a component executes. It defines a module boundary”
译：use client 并不定义组件在哪里执行，它定义的是一条模块边界。

← 返回 dev.to 首页