React JSX 语法糖

JSX 是 React 中使用的 JavaScript 扩展库，用于更方便地描述用户界面和逻辑。注意，JSX 并不是一门新语言，而是 Facebook 提出的一种语法方案 —— 在 JavaScript 代码中直接书写 HTML 标签的语法糖。

实际上，JSX 是 JavaScript 内定义的一套类 XML 语法，可通过构建工具（如 Webpack）解析生成 JavaScript 代码。

JSX 的由来

背景知识

Babel 是一个 JavaScript 编译器，主要用于将 ES6 及更新版本的代码转换为向后兼容的 JavaScript 语法。React 官方的 JSX 编译器早期为 JSTransform，但目前已经不再维护了。现在的 JSX 大多依靠 Babel 的 JSX 编译器进行编译。