JSX语法

JSX语法介绍：

    1、React官方提出了一套JSX语法规范，能够在JS文件中书写html代码

    2、JSX(符合XML规范的JS语法)原理：在JS文件中书写JSX语法，但是在React中，JSX在内部运行的时候，也是先把

       类似于HTML这样的标签代码转换为了React.createElement的形式创建，然后再去渲染

使用：

    1、如果要直接使用jsx语法，需要先安装相关的语法转换包 

       cnpm i babel-preset-react -D

    

    2、安装好之后需要在.babelrc文件中配置

    注意：.babelrc文件的作用：https://www.jianshu.com/p/3881c9ee4497

    

    3、如果要在JSX语法内部书写JS代码，那么所有的代码必须写到{}内部

        注意：

            1、当编引擎在编译JSX代码的时候，如果遇到了尖括号"<"，那么就把它当做html代码去编译处理，如果遇到了花括号"{}"，就把花括号内部的代码当做普通的JS代码去处理

            2、在花括号内部可以写任何符合JSX规范的代码

            3、在JSX中，如果要为元素添加一个class属性，那么必须写成className，因为“class”在es6中是关键字

            4、和class关键字类似，label标签得到for属性要写成htmlFor

                      5、在JSX创建DOM的时候，所有的节点必须有唯一的根元素包裹

                      6、如果写注释，必须要放在{}里面