Next.js15+React19：Client Component设Cookie后Server Components是否自动重渲染？

核心行为结论 #

• 默认不会自动触发Server Components重渲染：在Client Component中调用Server Action设置Cookie后，浏览器不会主动向服务器发送新请求来刷新Server Components。Server Components的初始渲染基于服务器端请求上下文，客户端Cookie变更属于本地状态变化，服务器无法主动感知并触发重渲染。
• 需手动调用router.refresh()触发更新：如果页面中的Server Components依赖Cookie状态（如用户登录态、个性化配置），必须在Server Action执行完成后，在Client Component中手动调用router.refresh()，强制服务器重新渲染所有Server Components，确保页面获取最新的Cookie对应状态。

测试结果不一致的常见原因 #

测试时出现行为差异，通常和以下场景相关：

• 路由跳转触发的自动刷新：若Server Action执行后调用了router.push()或类似路由跳转方法，目标页面会重新从服务器拉取数据，此时Server Components会自动使用新Cookie渲染，无需额外调用refresh。
• 组件缓存策略影响：如果Server Components使用了unstable_cache或Next.js的缓存配置，旧状态可能被缓存，即使调用refresh也需等待缓存失效，或需在缓存配置中排除Cookie相关的依赖键。
• 流式渲染的时序问题：若页面启用了React 19的流式渲染特性，可能出现部分组件先渲染、后续更新不及时的情况，需确保refresh在正确时机调用（比如在useActionState的回调中执行）。

官方文档说明 #

Next.js 15官方文档明确规定：当通过Server Action修改Cookie等客户端状态后，若需更新依赖该状态的Server Components，必须手动调用router.refresh()。这是因为Server Components的渲染依赖服务器端请求上下文，客户端状态变更无法主动通知服务器，需要客户端主动触发刷新操作。

内容的提问来源于stack exchange，提问作者Magnus