// 1.导包
import React from 'react'
import ReactDOM from 'react-dom'
// 2.创建虚拟DOM元素
// const mydiv = React.createElement('div',{id:'mydiv',title:'div aaa'},'这是一个div元素')
// HTML是最优秀的表记语言
// 注意: 在js文件中,默认不能写这种类似HTML的标记;否则打包会失败;
// 可以使用 babel 来转换这些 js 中的标签;
// 大家注意:这种在js中,混合写入类似HTML的语法,叫做 JSX 语法;符合 XML 规范的 JS;
const mydiv = <div id='mydiv'>
这是一个div元素
<h1>这是一个大大的h1</h1>
</div>
// 3.调用render函数渲染
ReactDOM.render(mydiv,document.getElementById('app'))
02.jsx语法最基本的使用
最新推荐文章于 2023-01-13 23:48:10 发布