JSX 并不只是一种简单的模板语法,其作为 React 的一大特色,与 React 的本身运作机制之间存在诸多联系

JSX 是 JavaScript 的一种语法扩展,其和模板语言很接近,但充分具备 JS 的能力

浏览器不直接支持 JSX,JSX 依靠 Babel 转译,从而在 JavaScript 生效

Babel

JSX 会被 babel 编译为 React.createElement(),其返回一个叫做 React Element 的 JS 对象

Untitled

JSX 本质是 React 调用的语法糖,使用类 HTML 标签语法来创建虚拟 DOM