1, 创建组件样式文件时以 xxx.module.css命名, 例如 Home.module.css 代替 Home.css
2, 在组件jsx导入样式文件时使用 import styles from './xxx.module.css' 导入 代替 import './xxx.css'
3, 在组件中需要设置样式的标签上添加class值, className={styles.yyy} 其中yyy指的是css样式中的class值
4, 在xxx.module.css中通过 .yyy{} 设置样式,即为局部样式
React中使用样式隔离
最新推荐文章于 2024-05-30 15:14:59 发布