说说react中jsx的理解

一、基本概念

React 使用 JSX 来替代常规的JavaScript。
JSX 是按照 XML 语法规范 的 JavaScript 语法扩展。
JSX 语法的本质：并不是直接把 JSX 渲染到页面上，而是内部先转换成了 createElement 形式，再渲染的。

二、jsx优点

1.JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化；
2.它是类型安全的，在 编译过程中就能发现错误；
3.使用 JSX 编写模板更加简单快速。

三、jsx基本使用

1. 定义虚拟DOM时不要用引号

2. 标签混入JS表达式需要用{ }

3.className样式的类名

4.内联样式用style={{}}

5.只有一个根标签

6.标签必须闭合

7. 标签首字母