样式在样式表中不起作用答案

【问题标题】：styles is not working in react by stylesheet样式在样式表中不起作用
【发布时间】：2021-11-20 09:40:44
【问题描述】：

我通过样式表在 React 项目中使用 sass 但不工作我的申请课程不工作

这里是代码 sass 代码

.header{
background-color: #000;
position: relative;
width: 100%;
top:0;
left: 0;
z-index: 100;

}

这里是反应代码。

        import React from "react"
    import  "../Styles/Header.module.scss"
   const Header = () => {
    return (
    <>
      <header className="header">
        <div className="grid">
          <div className="main_logo">
            <a>ds</a>
          </div>
          <div className="navigation_btn">
            <samp></samp>
          </div>
        </div>
      </header>
    </>
  );
};

export default Header;

我在浏览器中看到了，但没有显示背景颜色。

它使用纯 HTML select 。我在不使用类的情况下应用样式是可行的。

【问题讨论】：

你写过className="header" 吗？

标签： reactjs sass

【解决方案1】：

您正在使用 .module scss。所以首先你必须将你的导入转换为

import classes "../Styles/Header.module.scss"

第二个你会在你的标签中调用：

<header className={classes.header}>

【讨论】：