Next.js 16.2 时序坑:server action 先 resolve,旧 props 先渲染导致闪旧值

SeanOliver · x · 2026-10-23

开发者 SeanOliver 记录了 Next.js 16.2 的一个渲染时序行为:server action 的 promise 会在刷新后的页面数据渲染之前 resolve。因此 await action() 之后再 setState 的代码会先以旧 props 渲染——在他的通讯录应用 Sealed 里,保存一行后城市先闪现旧值再变新值。配图逐帧拆解了完整流程:action 响应到达 → Next resolve promise → 你的 setState(urgent update)→ React 以旧 rows prop 提交(显示 City: London)→ Next 在 transition 中应用 revalidate 后的 router state → 以新 rows prop 再次提交(City: Paris)。关键在于 urgent update 与 transition 的提交顺序差异。

所属事件:Next.js 16.2 渲染时序坑:server action 先 resolve 致闪旧值(2 条相关)→

原文链接 →

「编程与Agent」频道最新

更多「编程与Agent」频道 AI 资讯 →