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 的保留字。