reactjs - 删除服务器端注入(inject)的 CSS

Question

在 this关于如何将 Material UI 与 Next.js 一起使用的示例，当组件安装在浏览器中时，它们会删除服务器端注入(inject)的 CSS。这样做有什么好处？

Answer 1

当涉及到 SSR 时，这更像是 JS 结构中的 CSS。一旦客户端重新水化，它会添加该 View 所需的任何新样式，但是不会删除任何以前打印的样式，它们只是将它们删除，

用户登陆页面 A - 出于性能目的，页面 A 的 SSR 可能会内联呈现。

用户转换或移动到页面 B，它与之前的 SSR 渲染有冲突的 CSS，可能会导致副作用或根本不需要样式对象。