react（3）在项目中用react

1. 导入包（接收成员名称必须加上单引号）

 import React from 'react'  // 创建组件、虚拟DOM元素，生命周期
 import ReactDOM from 'react-dom'   // 把创建好的组件和虚拟DOM放到页面上展示

2. 创建虚拟 DOM

const myh1 = React.createElement('h1',{id:'myh1',title:'this is a h1'}, '内容')

参数1：创建的元素的类型，字符串，表示元素的名称
参数2：是一个对象或null，表示当前这个DOM的属性
参数3：子节点（包括其他虚拟DOM获取文本子节点）
参数n：其他子节点

3.使用ReactDOM把虚拟DOM渲染到页面上，既调用 render 函数渲染

ReactDOM.render(myh1, document.getElementById('app'))

参数1：要渲染的那个虚拟DOM
参数2：指定页面上一个容器，这个元素应该是个DOM元素，不要写一个选择器

但是第二步创建太麻烦，所以

启用jsx语法

配置webpack.config.js

配置.babelrc

来源：CSDN

作者：我兔威武

链接：https://blog.csdn.net/weixin_40589472/article/details/103831436