什么是 JSX，react 元素

JSX :

jsx 是 javscript + xml, 是一种 js 的扩展语法

jsx 是一种语法糖,最终会经过 babel 的转义

<h1>hello world</h1> 会被转义为 React.createElement("h1", null, 'hello world')

jsx 也是对象, 可以作为方法的参数 和返回值

react 元素 :

React 元素其实就是普通的 js 对象, 它里边有很多的属性, 描述元素的样子

ReactDOM.render 可以保证浏览器界面的显示 和 React 元素保持一致

原生 dom 元素被 React.createElement() 处理成对象的形式

// 比如这样的标签
<h1>Helllo</h1>
// 会被createElement()方法包装成对象
let reactObj = React.createElement('h1', null, 'Hello')
// 打印会得到下边的信息
console.log(reactObj)

详情见 https://frontend-qin.github.io/my_blog/react/#%E4%BB%80%E4%B9%88%E6%98%AF-jsx