react里的创建虚拟DOM

// 这个index.js是webpack开始打包构建的入口文件
// 需要下载 react, react-dom这两个包

// 使用react这个包，用来创建组件和虚拟DOM元素
import React from 'react'
// react-dom这个包，主要用来实现DOM操作，必须把组件或虚拟DOM元素，渲染到页面指定的容器中
import ReactDOM from 'react-dom'

//1. 创建虚拟DOM元素
// React.createELement() 接受三个参数
// 参数1： string 表示要创建的元素类型
// 参数2: obj/null 要表示元素的属性节点
// 参数3： 类型不限 表示当前元素的子节点
const h1Obj = React.createElement('div', {title: 'aaa'}, '这是一个div');

//2. 把创建的虚拟DOM元素，渲染到页面上
//参数1 ： 要渲染的那个组件或者虚拟dom元素
//参数2： 接收一个DOM对象，用来指定吧第一个参数中的元素或组件渲染到页面的那个区域中
ReactDOM.render(h1Obj, document.getElementById('app'));