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