为什么使用ssr时在客户端再次插入样式?(来自MUI文档)



我正在浏览Mui的服务器端渲染文档。它说为了防止FOUC,我们应该在服务器端为渲染的HTML注入样式。这是非常清楚的。

但在那之后,它说"在客户端,CSS将被第二次注入,然后删除服务器端注入的CSS。">

这是我不明白的部分。

如果已经在服务器端注入了CSS,为什么还要在客户端再次注入呢?客户端缓存和服务器端缓存有什么区别吗?这样做的好处是什么?

如果我不得不猜测,这将是,如果一些新的材料UI元素出现在运行时,客户端需要能够处理。毕竟,SSR是用于页面的初始加载。所以基本上它是客户端重新渲染以允许动态。

然而,这也给我个人带来了问题,因为新标签覆盖了我的顺风。我试图弄清楚如何渲染客户端版本上面/之前的顺风,因此就是为什么你的问题弹出在谷歌。

编辑:如果我没记错的话,我是用情感解决的;https://emotion.sh/docs/ssr