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样式
© 手抄报圈