本文摘自PHP中文网,作者青灯夜游,侵删。
react可以引入css,方法:1、直接在组件内部使用“style={{css样式}}”来引入css;2、render函数中先声明一个变量保存样式表绑定给style属性,然后引用;3、使用“import 'css路径'”引入css文件。
本教程操作环境:windows7系统、react16版,该方法适用于所有品牌电脑。
推荐学习:《编程视频》
在React中是可以引入css的。但,如果直接按下面的方式写内联样式会直接报错,因为JSX语法不支持。
1 |
|
React支持以下三种写css的方法:【相关教程推荐:React视频教程】
1、行内样式:直接在组件内部定义
1 2 3 4 5 6 7 8 9 |
|
2、声明样式:在render函数中先声明,再引用
声明样式和行内样式类似,区别只是声明一个变量保存样式表绑定给style属性。
相关阅读 >>
更多相关阅读请进入《React》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者