JSX其实就是JavaScript XML的缩写，直译过来就是基于JavaScript的XML。同时，JSX作为一种JavaScript语法扩展，支持自定义属性，并具有很强的扩展性。由于JSX是React框架内置的语法，且专用于React应用开发，因此建议设计人员使用JSX方式来实现UI中的虚拟DOM。

若要在React项目中使用JSX语法，则必须引用“babel.js”来解析JSX，且在<script>标签中必须改用“type="text/babel"”属性。这里解释一下这么做的原因，在使用“type="text/babel"”属性替换“type="text/javascript"”属性后，浏览器内置的JavaScript解释器就不会解析<script>标签里的脚本代码，转而由“babel.js”进行解析，从而避免React代码与原生JavaScript代码发生混淆。

介绍了以上关于JSX的知识点，下面看一下JSX的一般语法形式。

这里使用const关键字定义常量名（element），表示JSX代码的名称。<tag-level-i>标签元素表示DOM标签，且支持多级嵌套的形式。 L+ByPJUEIOq8jpd55GSK7bsE+Plz6DKsS67PWYNOhB7DgoYgEX/Z0C4SLAZYEkiJ