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如何进行ajax调用和请求

vue中怎么对事件进行防抖和节流操作?

html和js实现简单的计算器

javascript算法之归并排序算法(详解)

学习使用gpu.js改善javascript性能

javascript中map方法怎么用

javascript数组去重有哪几种方式

java数组与javascript数组的区别有哪些

javascript怎么删除html

js全称是什么?

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




打赏

取消

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

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

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

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

评论

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