删除服务器端注入的 CSS

Question

在这个如何将 Material UI 与 Next.js 结合使用的示例中，当组件在浏览器中安装时，他们删除了服务器端注入的 CSS。这样做有什么好处？

Answer 1

当涉及 SSR 时，这更像是 JS 中的 CSS 构造。一旦客户端重新水合，它就会添加该视图所需的任何新样式，但是任何以前打印的样式都不会被删除，他们只是将它们删除，

1. 用户登陆页面 A - 出于性能目的，页面 A 的 SSR 可能会内联呈现。
2. 用户转换到或移动到页面 B，它与之前的 SSR 渲染有冲突的 CSS，可能会导致副作用或根本不需要样式对象。