目录
- React中CSS局部引入
- 配置Webpack模块化导入CSS
- 在React项目中使用Sass
- React局部样式和其他小问题
- 总结
React中CSS局部引入
配置Webpack模块化导入CSS
在新项目创建好时,使用命令yarn eject,显示配置文件
打开config/webpack.config.js
在检测CSS的地方(426行)添加如下
modules: true, getLocalIdent: getCSSModuleLocalIdent,
使用:
import style from './TestCss.css'; <span className={style.one}>hello</span> <span id={style.two}>world</span>
在React项目中使用Sass
1、安装node-sass包 yarn add node-sass
2、创建sass文件(以.scss为后缀名,在内部写css代码)
.TestSass { span { color: red; } }
3、引入对应的JS文件或者JSX文件
import 'TestSass.scss'
React局部样式和其他小问题
//修改对象属性名字,前面是被修改的属性名字,后面是修改后的属性名 JSON.parse(JSON.stringify(item).replace(/_id/g, "key"))
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
原文地址:https://blog.csdn.net/weixin_42566993/article/details/100056112原文链接:https://www.jb51.net/article/279319.htm
本文来源 爱码网,其版权均为 原网址 所有 与本站无关,文章内容系作者个人观点,不代表 本站 对观点赞同或支持。如需转载,请注明文章来源。
© 版权声明
文章版权归作者所有,未经允许请勿转载。