【问题标题】:Removing server-side injected CSS删除服务器端注入的 CSS
【发布时间】:2020-08-21 21:03:23
【问题描述】:

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

【问题讨论】:

  • 链接不再有效,代码已在提交cfb3be1 中更改。 OP 在_app.js 中引用了useEffect 调用。

标签: reactjs next.js server-side-rendering


【解决方案1】:

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

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

【讨论】:

  • 但是为什么要使用useEffect呢?使用getServerSidePropsgetStaticProps 不是更好吗?因为初始页面加载有延迟,使用useEffect时可以看到样式的变化@
猜你喜欢
  • 2015-06-05
  • 2010-09-27
  • 2021-03-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-04-30
  • 1970-01-01
相关资源
最近更新 更多