语法糖JSX语法规则

JSX是编写虚拟DOM时JS的语法糖， 语法规则如下：

1. 定义虚拟DOM时，不要加引号，因为不是字符串；
2. 标签内部的JS表达式要用{}包住；
3. 样式类名不要写class,要用className,因为class是ES6的保留字；
4. 内联样式要写成 style={{key1: value, key2: value}}例如：style = {{color: 'orange', fontSize: '200px'}}; 注意其中的小驼峰；
5. 虚拟DOM只有一个根标签；
6. 标签要闭合；
7. 标签首字母： a). 首字母是小写，将标签转化为html同名元素，如找不到同名元素，则报错； b). 首字母是大写，react渲染此组件，如果没有此组件，则报错。