React里何如将scss文件里定义好的类,去给虚拟DOM添加className

发布于 2022-09-03 19:42:02 字数 887 浏览 8 评论 0

我创建了一个app.scss文件,想把里面写的样式类添加到main.js里的虚拟DOM中,可是执行后,webpack没有报错,成功将app.scss文件编译成css输出到index.html里的<header>里,可是动态生成的DOM却没有添加上className,新手学习webpack和react,求解。

这是我的代码

clipboard.png

clipboard.png

我写成css文件就可以成功添加样式,我知道一定是我main.js里 className={style.h1} 这里出了问题,我不知道如何去取scss里的class,求高人指导

结果就是这样,h1标签完全没有添加上写的h1类样式
clipboard.png

clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

我三岁 2022-09-10 19:42:02

问题的根源应该是webpack里没配置好,没有开启style-loader中的css-module
建议读一下文档:
https://github.com/webpack-co...

clipboard.png

我项目中webpack中的配置是:

clipboard.png

平安喜乐 2022-09-10 19:42:02

这个require只是把scss加载进来了,并没有返回一个可使用的对象吧,你可以打出来看看,这个对象没有属性的

哽咽笑 2022-09-10 19:42:02

您好,问题解决了吗

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文