JSX 的本质：JavaScript 的语法扩展
JSX 是 JavaScript 的一种语法扩展，它和模板语言很接近，但是它充分具备 JavaScript 的能力。
JSX 语法是如何在 JavaScript 中生效的：认识 Babel
JSX 会被编译为 React.createElement()， React.createElement() 将返回一个叫作“React Element”的 JS 对象。“编译”这个动作，是由 Babel 来完成的。
React 选用 JSX 语法的动机
在实际功能效果一致的前提下，JSX 代码层次分明、嵌套关系清晰；而 React.createElement 代码则给人一种非常混乱的“杂糅感”，这样的代码不仅读起来不友好，写起来也费劲。
JSX 语法糖允许前端开发者使用我们最为熟悉的类 HTML 标签语法来创建虚拟 DOM，在降低学习成本的同时，也提升了研发效率与研发体验。
JSX 是如何映射为 DOM 的
JSX通过createElement方法转化之后返回一些值，再通过React.createElement进行转化最后返回给操作者使用。 此文章为11月Day029学习笔记，内容来源于极客时间《重学前端》，强烈推荐该课程
