关于react.js:与React缘分最深的JSX一

JSX 真香
在应用了 React 之后会有一种 JSX 真香的赶脚

JSX 背地的故事
JSX 为 JavaScript 的一种语法扩大，齐全具备 JavaScript 的能力
留神，JSX 不是 JavaScript 的新版本
JSX 是如何 Javascript 中失效的？

这里要晓得一个货色：Babel（* 工具链，次要用于将 ECMAScript2015+ 版本的代码转换为向后兼容的 JavaScript 语法 *）JSX 会被 Babel 编译为 React.createElement()，而 React.createElement()将返回 ReactElement 的 JS 对象
下图是在 Babel 官网试验的一段代码，能够更好的了解下面的一句话
![image.png](/img/bVcHQuH)
createElement 的三个参数
    1、type：能够是 html 标签（div，span），也能够是 react 组件类型或者 fragement 类型
    2、config：对象，组件所有属性都以键值对的模式存储在该对象中
    3、children：对象，组件标签之间嵌套的内容
ReactElement 只实现了一件事件，就是组装，将传入的参数，依照肯定的标准进行组装，并返回给 React.createElement()
const testJSX = <div>
    Hello JSX
</div>
console.log(textJSX)
以上一段代码，在打印 testJSX 时，会发现输入的时一个 ReactElement 对象实例，即虚构 DOM
而虚构 DOM 到实在 DOM，是 ReactDOM 来进行实现的
ReactDOM.render()
将组件挂载在实在 DOM 的节点上