使用React渲染最基本的虚拟DOM到页面

1. 运行cnpm i react react-dom -S

 - react 专门用于创建组件，同时组件的生命周期都在这个包中
 - react-dom 专门进行DOM操作的，最主要的应用场景就是`ReactDOM.render()`

2. 在index.html 页面中，创建容器：

 <!-- 容器，将来使用React 创建的虚拟DOM元素，都会被渲染到这个指定的容器中 -->
 <div id="app"></div>

3. 导入包：

import React from 'react'
import ReactDOM from 'react-dom'

4. 创建虚拟DOM元素：

// 2.创建虚拟DOM元素
// 参数1：创建元素的类型，字符串，表示元素的名称
// 参数2：是一个对象或者null，表示当前这个DOM元素的属性。
// 参数3：子节点（包括其他虚拟DOM，获取文本子节点）
// 参数n：其他子节点
const myh1 = React.createElement('h1',{id:'myh1',title:'this is a h1'},'这是一个h1');

5. 使用React 把虚拟DOM 渲染到页面上

// 参数1：要渲染的虚拟DOM元素
// 参数2：指定页面的一个容器
ReactDOM.render(myh1,document.getElementById("app"))