JS教程之 JSX 和React

JSX 代表JavaScript XML，它是一种创建元素的方法，以在反应应用程序中用作模板。

使用 JSX 创建的元素类似于 HTML 代码。这样，您可以使开发过程更加简单和直观地创建组件。但是浏览器无法解释 JSX。因此，有必要使用转译器来执行此转换。目前，最著名的是巴别塔。
所有 JSX 都转换为 React 创建元素的原始方式。但是，以原始形式创建元素会使开发更加复杂和冗长。让我们看一下 JSX 语法。

JSX 语法

正如我们所见，JSX 只是 Javascript，而 JavaScript 使用驼峰式命名约定，所以当我们编写属性时，它与 HTML 不同。

当我们使用 HTML 时，我们可以使用“ class ”属性，但在 JSX 中，语法变为“ className ”。

<div className="container"></div>

下面的代码片段展示了使用 JSX 的代码。请注意，虽然它看起来像 HTML，但它们是不同的东西。

如上面的代码，为了解释 JSX，转译器的功能是转换为 React 语法。下面的代码片段显示了 JSX 是如何转换的。