使用React渲染最基本的虚拟DOM到页面上
目录：
一、实战演示
二、课堂笔记
一、实战演示
1）进入终端输入cnpm i react react-dom -S指令。
2）index.js部分代码展示
// 1．这两个导入时候,接收的成员名称,必须这么写
import React from 'react'
//创建组件、虚拟DoM元素，生命周期
import ReactDOM from 'react-dom’
//把创建好的组件和虚拟DoM放到页面上展示
// 2．创建虚拟DOM元素
//参数1:创建的元素的类型，字符串，表示元素的名称
//参数2:是一个对象或null，表示当前这个DOM元素的属性
//参数3:子节点(包括其它虚拟DOM 获取文本子节点)
//参数n:其它子节点
//<h1 id="myh1" title="this is a h1">这是一个大大的H1</h1>
const myh1 = React.createElement( 'h1 ' , null，'这是一个大大的H1 ')
// 3．使用ReactDOM 把虚拟DOM渲染到页面上
//参数1:要渲染的那个虚拟DOM元素
//参数2:指定页面上—个容器
ReactDOM.render (myh1, document.getElementById ('rpp '))
//Target container is not a DOM element.经过分析，
猜测:第二个参数接收的应该是一个DOM元素而不是选择器
/* const vm = new vue ( {data : [ },
el: '#app ' ,methods: {}})*/
效果图如下：
3)indes.html部分代码展示
<title>Index首页</title>
<!-- <script src=" . ./ dist/main.js">
</ script> --><!-- <script src=" / main.js">
</script> -->
</ head>
<body>
<! --创建一个容器，将来渲染的虚拟DOM，会放到容器内显示-->
<div id=" app">/div>
</body>
</html>
二、课堂笔记
使用Rect的步骤：
1.运行`cnpm i react react-dom -s`安装包
o react:专门用于创建组件虚拟DOM的，同时组件的生命周期都在这个包中
o react-dom: 专门进行DOM操作的，最主要的应用场景，就是ReactDOM.render()
//生成驱动，进行页面展示
2.在index.html页面中，创建容器:
<!--容器，将来，使用React创建的虚拟DON元素，都会被渲染到这个指定的容器中-->
<div id="app"></div>
3.导入包:
import React from 'react'
import ReactDOM from 'react-dom'
