React——JSX

JSX=JavaScriptXML (长得像XML)
此JSX(facebook.github.io/jsx/) 非彼JSX（jsx.github.io）
1.JSX是：
基于ECMAScript的一种新特性
一种定义带属性树结构的语法

2.JSX不是：

XML或者HTML
一种限制

3.JSX特点：

类XML语法容易接受
增强JS语义
结构清晰
抽象程度高
代码模块化
4.JSX语法：

 <div id="example"></div>    <script type="text/babel">      var names = ['Alice', 'Emily', 'Kate'];      ReactDOM.render(        <div>        {          names.map(function (name) {            return <div>Hello, {name}!</div>          })        }        </div>,        document.getElementById('example')      );    </script>

首字母大小写：
大写：自定义组件
小写：Dom自带
添加组件属性，有一个地方需要注意，就是 class 属性需要写成 className ，for 属性需要写成 htmlFor ，这是因为 class 和 for 是 JavaScript 的保留字。