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

创建前要先配置webpack 配置webpack我在另一篇文章有提到

webpack配置

首先安装react 和reactDom插件

cnpm i react react-dom -S

1.在入口文件index.js中导入

// 入口文件
// webpack-dev-server 打包好的main.js 托管到内存中，所以在项目根目录看不到
// 1.导入时接收的成员名称必须一致
import React from 'react' // 创建组件、虚拟DOM元素 生命周期
import ReactDom from 'react-dom' // 把创建好的组件和虚拟DOM放到页面上展示

2.创建虚拟DOM元素

// 参数1：创建元素的类型，字符串&#x