0
点赞
收藏
分享

微信扫一扫

create-react-app 2.x 中css 模块化

alonwang 2022-10-10 阅读 177


# 1 css文件写成 xxx.module.css 如果使用sass 写成 xxx.module.scss
.test h3 {
color:rgba(166, 169, 253, 1.000);
}

# 2 组件中引入
import React, { Component } from 'react';
import styles from './aaa.module.css'

class Com1 extends Component {
render() {
return (
<div className={styles.test}>
<h3>回家看电视看见粉红色的空间</h3>
</div>
);
}
}

export default Com1;

# 浏览器渲染过后
# html
<div class="aaa_test__1FvHW">
<h3>回家看电视看见粉红色的空间</h3>
</div>

# css
.aaa_test__1FvHW h3 {
color:rgba(166, 169, 253, 1.000);
}


举报

相关推荐

0 条评论