下面是我的Heading
组件的JSX
:
<h1 className={classes.defaultHeading}>This is a heading</h1>
当我在浏览器中检查元素时,它看起来像这样:
<h1 class="heading_defaultHeading__Rr0GL">This is a heading</h1>
我希望classname格式只是classname --例如,我希望上面的generared代码看起来像这样:
<h1 class="defaultHeading">This is a heading</h1>
我如何才能做到这一点?
1条答案
按热度按时间cbwuti441#
而不是使用CSS Modules,这将 * 自动创建一个唯一的类名 *(对组件级css有用)。
考虑将尽可能多的普通css样式表导入到
pages/_app.js
文件中:global.css
一米二米一x
components/Heading.jsx