react可以引入css吗?


本文摘自PHP中文网,作者青灯夜游,侵删。

react可以引入css,方法:1、直接在组件内部使用“style={{css样式}}”来引入css;2、render函数中先声明一个变量保存样式表绑定给style属性,然后引用;3、使用“import 'css路径'”引入css文件。

本教程操作环境:windows7系统、react16版,该方法适用于所有品牌电脑。

推荐学习:《编程视频》

在React中是可以引入css的。但,如果直接按下面的方式写内联样式会直接报错,因为JSX语法不支持。

1

<div style="color:red">测试数据</div> //报错

React支持以下三种写css的方法:【相关教程推荐:React视频教程】

1、行内样式:直接在组件内部定义

1

2

3

4

5

6

7

8

9

...

<div style={{

    width:'200px',

    height:'80px',

    backgroundColor:'yellow',        

    fontSize:'24px',        

    textAlign:'center'       

}}>测试数据</div>

...

2、声明样式:在render函数中先声明,再引用

声明样式和行内样式类似,区别只是声明一个变量保存样式表绑定给style属性。

阅读剩余部分

相关阅读 >>

javascript是一种什么样的语言

在vuejs里利用index对第一项添加class的方法

es6 map原理分析

javascript怎么移除数组元素

javascript怎么删除信息

了解js中的执行上下文、 执行栈、事件循环

js如何引入css外部文件

javascript语言支不支持多线程

javascript怎么设置全选

javascript怎样验证手机号码

更多相关阅读请进入《React》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...