JSX和Babel在ReactJS中的区别

Question

我开始使用ReactJS。

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

JSX和Babel之间的关系或区别是什么？

Answer 1

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