react 虚拟dom与jsx

关于虚拟DOM：

1.本质是object类型的对象；

2.虚拟dom比较"轻"，真实dom比较"重"。因为虚拟dom是react内部在使用，无需真实dom上那么多属性；

3.虚拟dom最终会被react转换成真实dom；

虚拟dom:

真实dom:

jsx语法规则：

1.定义虚拟dom,不要写引号；

2.标签中混入js表达式用{}；

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

4.内联样式，用style={{key:value}}形式去写；

5.只有一个跟标签；

6.标签首字母

　　(1).若为小写，则将标签转为html同名标签，若html无这个标签，报错

　　(2).若为大写，react则渲染对应的组件，若无定义这个组件，报错