02.jsx语法最基本的使用

// 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'))