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

Posted

技术标签:

【中文标题】Nextjs如何从另一个页面中删除html类【英文标题】:Nextjs how to remove html class from another page 【发布时间】: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属性。 【参考方案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

【讨论】:

以上是关于Nextjs如何从另一个页面中删除html类的主要内容,如果未能解决你的问题,请参考以下文章

reCAPTCHA 成功时从元素中删除 css 类 - Nextjs

如何从另一个页面调用 useState?

如何从另一个类中调用 onItemClick 方法?

如何在 NextJs Document 上动态设置 HTML lang 属性?

Xamarin MVVM 从另一个页面删除 Listview 项目

从另一个类中删除 AdView