JSX中添加CSS样式

 时间:2024-10-20 02:53:36

1、新建HTML文件,添加<script>标签,引入react.js、react-dom.js、babel.js文件。

JSX中添加CSS样式

2、渲染输出一个div。

JSX中添加CSS样式

3、用“className”给div添加CSS样式:className="CSS样式"。

JSX中添加CSS样式
JSX中添加CSS样式

4、行内样式style的写法:style接收的是一个对象。

JSX中添加CSS样式
JSX中添加CSS样式

5、行内样式(style)也可以直接使用两个大括号。

JSX中添加CSS样式
JSX中添加CSS样式

6、总结:class写成className;style写成对象。

JSX中添加CSS样式
  • 奥拉星深渊试炼怎么打
  • js如何获得table表格中单元格的行列位置
  • 永劫无间极品挂饰优惠券怎么用
  • jq怎样设置div的left和top,怎样获取left和top值
  • 300英雄敌法师技能介绍
  • 热门搜索
    电子手抄报模板下载 我爱阅读手抄报图片 端午节手抄报一等奖 文学手抄报内容 70周年手抄报 英语国庆节手抄报 文明手抄报图片大全 二年级最简单中秋节手抄报 未来世界手抄报 端午手抄报图片