我目前正在使用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-inner为header_inner相同并且它工作正常,但我不能这样做,因为我的css文件非常庞大,有数百个类.
任何帮助将非常感激.
谢谢