ReactJS 中 JSX 和 Babel 的区别答案

【问题标题】：Difference between JSX and Babel in ReactJSReactJS 中 JSX 和 Babel 的区别
【发布时间】：2019-01-18 20:35:13
【问题描述】：

我开始使用 ReactJS。

在Hello World template 中，它包含一个babel.min.js 文件，但它还包含用于渲染组件的JSX 语法。

JSX和Babel有什么关系或区别？

【问题讨论】：

JSX 是 JavaScript xml，与 html 基本相同，但不是 html。浏览器不直接理解 jsx，所以必须有人将 jsx 转换为原生 JavaScript，所以 Babel 会这样做。这是一个转译器
Babel 是把 JSX 转译成普通 JS 以便浏览器可以读取和执行它...

标签： reactjs babeljs jsx

【解决方案1】：

Babel 是一个将 JSX 转换为 JavaScript 的转译器，因此浏览器能够渲染应用程序，因为它不理解 JSX。 JSX 基本上是 React.createElement 的语法糖（为什么不使用这种方法呢？以这种方式编写它很麻烦，并且很难管理和调试应用程序，因此 JSX 发挥作用）。 JSX 以标记方式表示组件，尽管在大多数情况下它们看起来像 HTML。

【讨论】：