React学习笔记:设置行内样式style属性
2017-08-10 15:17
429 查看
在react中,可以这样来设置行内样式:
注意
更加便捷的写法:
参考:https://react-cn.github.io/react/tips/inline-styles.html
render() { const styles = {color:"red",fontSize:"16px"}; return ( <div style={styles}></div> ); }
注意
styles是一个json对象,key对应css属性名并且转为驼峰式命名。
更加便捷的写法:
render() { return ( <div style={{color:"red",fontSize:"16px"}}></div> ); }
参考:https://react-cn.github.io/react/tips/inline-styles.html
相关文章推荐
- jQuery学习笔记(4)-设置元素的属性和样式
- React Native 学习笔记(五)-- 样式Style
- JPA学习笔记---JPA实体Bean的建立---链接上一个博文:对实体Bean中属性进行操作:保存日期类型,设置字段的长度,名字,是否为空,可以声明枚举字段;可以存放二进制数据,可以存放
- APICloud学习笔记之div样式设置套路
- React学习笔记(4)---react属性与状态
- OWC学习笔记-电子表格(Spreadsheet)风格属性设置
- JavaScript学习笔记——DOM_对document对象的内容、属性、样式的操作
- SharePoint【学习笔记】-- 关于Element.xml中Ghostable与GhostableInLibrary属性设置
- react native 学习笔记之指定样式,宽,高
- reactNative学习笔记之Props属性
- 转:OWC学习笔记-电子表格(Spreadsheet)风格属性设置
- ObjectArx学习笔记-设置字体样式
- android UI学习 -- 设置界面的布局(包括style的使用,selector的使用,Checkbox自定义样式,菜单项的样式)
- WPF学习笔记(2)--样式(Style)
- React Native 学习笔记五(关于样式的使用)
- 摄像头驱动之设置属性_学习笔记
- react native 学习笔记 2016_1223 (环境,箭头函数,state设置,图片使用等)
- javascript学习笔记(二十) 获得和设置元素的特性(属性)
- .Net学习笔记----2015-07-14(CSS当中的样式属性详解)
- MonoDroid学习笔记(五)—— 更改TextView字体颜色和背景色及Style样式的定义