javascript – Css类名未应用于反应组件

2019年7月28日 220次阅读

感谢您的时间和帮助.我花了好几个小时试图弄清楚它似乎无法深究它.

我有这个反应组件：

import styles from './style.scss';

class ButtonComponent extends React.Component { 
  render() {
    return (
      <div className={styles.bunny}>
        hello world
      </div>
    );
  }
}

和scss文件：

.bunny {
  display: block;
  margin-top:50px;
  margin-bottom:55px;
  background-color: blue;
}

当我加载我的html时,div没有类名,当我期望它是< div class =“bunny”>

当我将类名放在react组件中时,就像这样：

<div className="bunny">

然后我可以在浏览器中看到className.

我究竟做错了什么？

非常感谢你提前.

最佳答案 首先,您需要保证它的定义：console.log(样式)

我不确定你是否正确导入style.scss.

点赞