jsx的使用（一）

1.jsx的基本使用

1.createElement（）的问题

• 1.繁琐不简洁

• 2.无法一眼看出结构

• 3.看上去不舒服

用jsx语法

2.jsx简介

JSX 是javaScript XML的简写，表示在javaScript代码中写xml(html)格式的代码的代码。

优势：声明式语法更加直观，与html结构相同，降低了学习成本，提升开发效率

jsx是react的核心内容

3.使用步骤

1.使用jsx语法创建react元素

2.使用ReactDOM.render（）方法渲染react元素到页面中

咱们在项目中演示一下

小结

1，推荐使用JSX语法创建React元素

2.写jsx就跟写html一样，更加直观，友好

3.jsx语法更能体现React的声明式特点

4.使用步骤：