React解决组件之间类名重复样式覆盖

CSS Modules

组件对应的css文件命名为xxx.module.css   

然后组件内引用import style from './xxx.module.css'

<div className={style.my}>修改啊修改</div>

这样子组件之间有相同的类名就不会样式重复覆盖了

 css的三种写法