Webpack使用React基础用法(二)

承接上一篇webpack用法(一)

现已有目录结构如下:
Webpack使用React基础用法(二)
首先cnpm install react react-dom -D下载react
(1)打开src/index.html文件 添加一个id=app 的空容器
Webpack使用React基础用法(二)
(2)在src/index.js文件下引入react / react-dom 进行操作 如下
Webpack使用React基础用法(二)
React.createElement() //创建虚拟dom元素
参数1:创建元素类型,字符串,表示元素名称
参数2:是一个对象 或 null 表示当前DOM元素属性
参数3: 子节点(包括 其他 虚拟dom 获取文本子节点)
参数n: 其他节点

ReatDOM.render(mydiv, document.getElementById(‘app’)
使用ReactDOM把虚拟DOM渲染到页面容器内
参数1: 要渲染的虚拟DOM元素
参数2: 指定页面上的容器
(3)ctrl+s保存后运行 npm run dev 页面就会重新渲染