JSX语法

一、JSX语法介绍

1. JSX不是一种语言，而是一种语法（语法糖）。
2. JSX必须借助React运行环境。
3. JSX标签就是Html标签，只不过我们在javascript中书协这些标签的时候，不用“”括起来。就和xml一样。
4. 转换：JSX语法能够让我们更加清晰的看到组件的DOM结构，不是直接在浏览器运行的，最终会转换成javascript去运行。JSX代码：

    ReactDOM.render(
      
   Hello React
   ,
      document.getElementById("container")
    );

   实际运行时已经转换过的代码：

   ReactDOM.render(
     React.createElement("h1",null,"Hello React")，
     document.getElementById("container")
   );

5. 在JSX中运行javascript的代码，使用{}括起来  {表达式}。

   var text = "Hello React";
   ReactDOM.render(
     
    {text} 
   ,
     document.getElementById("container")
   );

6. JSX的其他的一些特性：属性、设置样式、事件绑定。

二、代码