react快速上手二（使用JSX语法）

前提：

下载依赖，配置

cnpm i babel-preset-react -D

JSX语法的本质：

仍是以 React.createElement 的形式来实现的，并无直接把 用户写的 HTML代码，渲染到页面上；

语法：

1.若是要在 JSX 语法内部，书写 JS 代码了，那么，全部的JS代码，必须写到 {} 内部。

2.当 编译引擎，在编译JSX代码的时候，若是遇到了`<`那么就把它看成 HTML代码去编译，若是遇到了 `{}` 就把 花括号内部的代码看成 普通JS代码去编译。

3.在{}内部，能够写任何符合JS规范的代码。

4. 在JSX中，有关键字限制，若是要为元素添加`class`属性了，那么，必须写成`className`，由于 `class`在ES6中是一个关键字；和`class`相似，label标签的 `for` 属性须要替换为 `htmlFor`。
5. 在JSX建立DOM的时候，全部的节点，必须有惟一的根元素进行包裹，和vue同样。
6. 若是要写注释了，注释必须放到 {} 内部。