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 名去运用