css module
1、每个css文件都当作单独的模块,命令xxxx.module.css
2、为每个className 增加后缀名,不让他重复
3、Create-React-App 原生支持css Module
使用方法 定义xxxx.module.css 文件比如我定义了user.module.css 在里面定义了一个css
js
.container {
border: 1px solid red;
}
那么在使用的时候可以这么用
js
// 第一步:
import style from './user.module.css'
// 第二步:
<p className={ style.container }>
Page - x: {mouse.pageX}, y: {mouse.pageY}
</p>
要用style.xxx class 名去使用