【React笔记】react项目解决css相互影响,使用局部module.css
简介
在react组件中,不同组件的css文件有可能会相互冲突,这时候可以使用module.css,相当于给css添加了局部作用域和模块依赖,保证某个组件的样式,不会影响到其他组件。
1 如何使用
- css文件改为使用style.module.css
style.module.css文件中必须使用类选择器
例如:
.item1 {
width: 100px;
background-color: pink;
}
- 引入:import style from ‘./style.module.css’
import style from