关于虚拟dom

本质上是Object类型的对象(一般对象)
虚拟dom比较轻量级,真实dom比较重,因为虚拟dom是React内部使用,无需真实dom上那么多的属性
虚拟dom最终会被转换为真实dom

jsx 语法规则

1、 定义虚拟 DOM时,不要写引号
2、 标签中混入JS表达式时要用 {}
3、样式的类名制定不要用class,要用className
4、 内联样式要用 style={{key:value}} 的形式,多个单词组成属性的需要使用驼峰命名
5、 虚拟dom只可以有一个根标签
6、 标签必须闭合
7、 标签首字母小写字母开头的话,则将标签转换为html中同名标签,若html中无此标签则报错
标签若大写字母开头,react就会去渲染react组件

遍历数据

<ul>
    { arr.map((item, index) => {
        return <li key={index}>{ item }</li>
    })  }
</ul>