- 简介：
- 概念：JSX并不是一门新的语言，仅仅是语法糖，允许开发者在JavaScript中书写Html语法，最后每个Html标签都转化为JavaScript代码来运行。
- 环境：需要导入以下三个核心文件：
- react.js
- react-dom.js
- browser.min.js
- 载入方式：同样分为内链和外链。
- 标签类型：可分为两种
- 标准的Html标签
- 通过React.createClass()方法创建的组件类标签（一般首字母大写，为了区分Html标签）
- 转换：当遇到标签时，会调用解析器将标签进行转换
如
<h3 width='10px'>标题</h3>则会被转换成React.createElement("h3", {width:'10px'}, "标题");，同时会返回一个ReactElement对象（注：其参数>=3个，其中前两个参数的分别为：标签、属性，第三个以及以后的参数为其子元素）
6. 执行JavaScript表达式
> 如
>> var msg = "Message"; > <h1>{msg}</h1> >
7. 延展属性
```
var porps={};
props.foo="1";
props.bar="1";
<h1 {...props} foo="2">Some Messages</h1>
//以上代码可转换成以下
//... 遍历对象的所有属性
React.creatElement("h1", React.__spread({}, props, {foo:"2"}), "Some Message");
8. 自定义属性：
> 注：H5给出方案，凡是以 data- 开头的自定义属性，可以渲染到页面，其他自定义属性将被忽略