react中jsx语法

jsx语法规则：

（1）定义虚拟DOM时，不要写引号

（2）标签中混入js表达式时要用{}

（3）样式的类名指定不要用class，要用className

（4）内联样式，要用style={{key:value}}的形式去写，必须是对象

（5）只有一个根标签

（6）标签必须闭合

（7）标签首字母

如果首字母是小写，则将该标签转为html中的同名元素，若html中无标签对应的同名元素，则报错

如果首字母是大写，那么我们可以把他看成是一个组件，然后react渲染对应的组件，如果组件没有定义，则报错

最重要的是要区分js语句和js表达式

表达式可以放到{}里面，js语句不可以

1.表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方
         下面这些都是表达式：
             (1). a
             (2). a+b
             (3). demo(1)
             (4). arr.map() 
             (5). function test () 

 2.语句(代码)：
           下面这些都是语句(代码)：
                (1).if(){}
                (2).for(){}
                (3).switch(){case:xxxx}