前端水合报错，到底是SSR的锅还是你的问题？

线上突然弹出一条hydration mismatch的报错，页面白屏，用户投诉蜂拥而至——你是不是也遇到过？React服务端渲染本来是为了加快首屏，可一旦客户端拿到DOM和SSR产物对不上号，整个体验就崩了。我见过太多人花一周排查，最后发现只是因为时间戳、随机ID或者第三方脚本在客户端插了一行代码。别急着重构架构，先跑一个最简单的对照：把服务端HTML和客户端renderToString的输出diff一下，问题八成藏在某个动态值里。说到底，水合不是魔法，它要求服务端和客户端"说同一种话"，这句话没对齐，任何框架都救不了你。

原文：What Is a Hydration Mismatch Error and How Do You Fix It? · 来源：Hacker News