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属性。

阅读剩余部分

相关阅读 >>

java和javascript闭包的区别是什么

javascript如何访问节点

React native是什么框架?

如何使用css设计出一个表单页面(附示例)

javascript $是什么意思

javascript怎么弹出对话框

React组件有哪些阶段

javascript中的惰性求值是什么

python为什么像javascript

vue混入的相关操作介绍(附示例)

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




打赏

取消

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

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

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

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

评论

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