我试图使用css模块为元素使用多个类.我该怎么做呢?
function Footer( props) {
const { route } = props;
return (
<div className={styles.footer}>
<div className={styles.description, styles.yellow}>
<p>this site was created by me</p>
</div>
<div className={styles.description}>
<p>copyright nz</p>
</div>
</div>
);
}
Run Code Online (Sandbox Code Playgroud) 我正在使用 css 模块,但是我在组件中使用一个库来使用 JavaScript 附加推文,它以以下结构向我的组件添加了一些元素:
<div class='user'></div>
<div class='tweet'></div>
Run Code Online (Sandbox Code Playgroud)
我现在想在组件的 css 模块中设置这些元素的样式,如下所示:
我的组件.css
.user {
/* styles */
}
.tweet {
/* styles */
}
Run Code Online (Sandbox Code Playgroud)
但是,当然现在我的.user类更改为.MyComponent__user___HZWfM由于 webpack 加载器中的哈希命名。
如何在我的 css 模块中设置全局样式?