开发者学堂课程【React 入门与实战：使用 React 渲染最基本的虚拟 DOM 到页面上】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/585/detail/8081
使用 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
