React SSR 水合问题
· 11 min read ·
前端真是噩梦啊
新做的首页展示博客和项目的组件,悄悄的在 F12 中报错,没有影响到使用,也就没发现,但一看到就受不了了
研究发现是 SSR 水合问题(Server Side Rendering Hydration Problem),遂写一篇记录一下历程
info
SSR 水合问题(Server Side Rendering Hydration Problem)是指在服务端渲染(SSR)应用中,服务端生成的 HTML 与客户端 JavaScript 接管后的状态不一致,导致 React 需要重新渲染整个组件树的问题
至于为什么叫水合问题,请往下看