
next.js 服务端渲染(ssr)与客户端水合(hydration)不一致时,因 `
| Company | Contact | Country |
|---|---|---|
| Alfreds Futterkiste | Maria Anders | Germany |
| Centro comercial Moctezuma | Francisco Chang | Mexico |
⚠️ 注意事项:
- 即使只有表头或只有数据行,也必须包含 或
(至少其一);仅
直接置于 下属于非标准 HTML。
- 可选,但若使用,应置于 之前(HTML 规范要求)。
- 不需要额外添加 "use client" 仅为此目的(
本身无状态问题),但若组件内含交互逻辑,则仍需标记。
- 此规则适用于所有 SSR/SSG 框架(如 Nuxt、Remix),本质是 HTML 规范与浏览器解析行为的兼容性问题。
? 总结:这不是 Next.js 的 bug,而是对 Web 标准的严格执行。通过补全语义化表格结构,既消除了 hydration 警告,也提升了可访问性(screen reader 可正确识别表头与数据关系)和 SEO 合规性。
- 可选,但若使用,应置于 之前(HTML 规范要求)。










