Nextjs如何从另一个页面中删除html类

【问题标题】：Nextjs how to remove html class from another pageNextjs如何从另一个页面中删除html类
【发布时间】：2019-08-03 01:36:05
【问题描述】：

如何在索引页面和从 HTML 类中删除的其他页面上添加唯一的主页登录类？使用 nextjs。

render() {
  return (
    <html class="home-landing">
      <Head>
        <link
          rel="stylesheet"
          type="text/css"
          href="../static/css/fonts/montserrat/montserrat.css"
        />
      </Head>
      <body>
        <Main />
        <NextScript />
      </body>
    </html>
  );
}

【问题讨论】：

你可以使用react-helmet来改变不同页面的html属性。

标签： reactjs next.js

【解决方案1】：

您只能在 index 组件中定义全局样式。

render() {
 return (
  <html>
    <Head>
     <link rel="stylesheet" type="text/css" href="../static/css/fonts/montserrat/montserrat.css" />

    </Head>
    <body>
      <Main />
      <NextScript />
    </body>
    <style global jsx>{`
        html {
            // Put here the CSS you want to apply for html tag
        }
    `}
    </style>
  </html>
);
}

见official documentation

【讨论】：