JSX语法规则

 规则

1. 定义虚拟DOM时，不可以加''(单引号)
2. 标签中混入JS表达式时要用{}
3. 样式的类名，要写成className
4. 内敛样式：style={{key:value}}  {{color:'red'，fontSize:'24px}}  外层橙色{}，代表你要写JS语句，内层{}代表你要写对象,当出现font-size这种时，写出驼峰式的
5. 虚拟DOM必须只有一个根标签
6. 标签必须闭合
7. 标签首字母  （1）若小写字母开头，则转换为html同名元素，若html中无该元素，就报错  （2）若大写字母开头，react就去渲染对应的组件，若组件没有定义，则报错

区分JS表达式和语句（代码）

   1.表达式： 一个表达式可以产生一个值，可以放在任何需要这个值的地方（表达式有返回值）

           下面都是表达式:

• a
• a+b
• demo(1)
• arr.map() 
•  function test(){}

2.语句或者代码

•   if(){}
• for() {}
• swich() {}

const data=['12','34','45']

const VDOM=(
   <div>
       <ul>
            只能写JS表达式
       </ul>
   </div>
)