JSX语法

JSX语法注意点

1. 如要要使用 JSX(符合XML规范的JS语法) 语法，必须先运行 cnpm i babel-preset-react -D，然后再 .babelrc 中添加 语法配置(在presets中加入一个"react")；
2. JSX语法的本质：JSX内部在运行的时候，也是先把 类似与HTML这样的标签代码转换为 React.createElement的形式来实现的，并没有直接把 用户写的 HTML代码，渲染到页面上；
3. 如果要在JSX语法内部，书写 JS代码，那么，所有的JS代码，必须写到 {} 内部；
4. 当 编译引擎，在编译JSX代码的时候，如果遇到了<(尖括号)那么就把它当作HTML代码去编译，如果遇到了 {} (大括号)就把 花括号内部的代码当作 普通JS代码去编译；
5. 在{}内部，可以写任何符合JS规范的代码；
6. 在JSX中，如果要为元素添加class属性了，那么，必须写成className，因为 class在ES6中是一个关键字；和class类似，label标签的 for 属性需要替换为 htmlFor.
7. 在JSX创建DOM的时候，所有的节点，必须有唯一的根元素进行包裹；
8. 如果要写注释了，注释必须放到{}内部(在{}中的注释最好是使用/**/的形式)