react 中css 使用css-module 解决命名重复问题

css module

1、每个css文件都当作单独的模块，命令xxxx.module.css

2、为每个className 增加后缀名，不让他重复

3、Create-React-App 原生支持css Module

使用方法 定义xxxx.module.css 文件比如我定义了user.module.css 在里面定义了一个css

.container {
    border: 1px solid red;
}

那么在使用的时候可以这么用

 // 第一步：
import style from './user.module.css'

// 第二步：
<p className={ style.container }>
    Page - x: {mouse.pageX}, y: {mouse.pageY}
</p>

要用style.xxx class 名去使用