小编Has*_*riq的帖子

Node + React - 连字符CSS类名

我目前正在使用react-starter-kit并且有一些反应组件,每个组件都有自己的样式文件(scss).基本上,每个组件都在顶部导入样式文件,如:

import s from './Header.scss';
Run Code Online (Sandbox Code Playgroud)

现在,对于没有连字符的css类(例如:'notification'),我可以毫无问题地使用它,但我无法弄清楚如何使用带连字符的css类:

render() {
 return (
  <div className={s.header-inner}> </div>
 );
}
Run Code Online (Sandbox Code Playgroud)

这显然会引发错误:'内部未定义'.

我在我的组件中更改header-innerheader_inner相同并且它工作正常,但我不能这样做,因为我的css文件非常庞大,有数百个类.

任何帮助将非常感激.

谢谢

css sass node.js reactjs babeljs

9
推荐指数
2
解决办法
5026
查看次数

标签 统计

babeljs ×1

css ×1

node.js ×1

reactjs ×1

sass ×1