学习随记

关于虚拟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>