React.js （3 react JSX ）

JSX

1. 全称JavaScript XML
2. react 定义的一种类似于XML的JS扩展语法JS+XML
3. 本质是React.createElement(component,props,…children)方法的语法糖
4. 作用：用来简化创建虚拟DOM
5. 标签名任意：HTML标签或其他标签

jsx语法规则：

1. 定义虚拟dom时，不要写引号。
2. 标签中混入JS表达式的时候需要用{}
3. 样式的类名指定不要用class，要用className。
4. 内联样式，要用style={{key:value}}的形式去写。
5. 必须只有一个根标签
6. 标签必须闭合
7. 标签首字母 1、若小写字母开头，则将该标签转为html中的同名元素，若html中无该标签对应的同名元素，则报错。 2若大写开头，react就去渲染对应的组件。若组件没有定义，则报错。