React的jsx语法规则

JSX是一种JavaScript的语法扩展、是一种嵌入式的类似XML的语法，常应用于React框架中，但也不仅限于此。应该说JSX因React框架而流行，但也存在其他的实现。只要你够厉害，甚至能在单片机上实现（当然你要自己写出它的实现方式）。

1. 定义虚拟DOM时,不要写引号

2. 标签中混入JS表达式时要用{}

3. 样式的类名指定不要用class,要用className

4. 内联样式,要用style={{key:value}}的形式(双{}代表对象,单{}代表表达式)去写

5. 只有一个跟标签(整个虚拟DOM在外层有且仅有一个容器包裹)

6. 标签必须闭合

7. 标签首字母若是小写字母开头，则将该标签转为html中同名元素,若html中无该标签对应的同名元素,则报错；若是大写字母开头，react就去渲染对应组件,若组件没有定义,则报错