在服务器或浏览器上将 JSX 转换为 JS?

Question

JSX来说非常新，但阅读它似乎服务器端和客户端(在浏览器中(转译都是可能的选择。

JSX 是否打算发送到客户端，并且通常在浏览器中转译。这是否意味着现代版本的Chrome，Firefox，Opera等都理解JSX语法？

还是服务器端转译更常见？您是否只希望在开发过程中进行客户端转译，例如避免出于某种原因安装npm？

Answer 1

JSX 是否打算发送到客户端，通常在浏览器中进行转译。

不。

这是否意味着现代版本的Chrome，Firefox，Opera等都理解JSX语法？

不。

请参阅对 React 的介绍：

在项目中尝试 JSX 的最快方法是将此标记添加到页面：

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

现在，您可以通过向任何<script>标记添加属性来type="text/babel"JSX 中使用 JSX。下面是一个带有 JSX 的示例 HTML 文件，您可以下载并使用它。

这需要您提供一个转译器(用 JS 编写(。

还是服务器端转译更常见？您是否只希望在开发过程中进行客户端转译，例如避免出于某种原因安装 npm？

同样，请参阅上面的链接：

这种方法非常适合学习和创建简单的演示。但是，它会使您的网站变慢并且不适合生产。当您准备好继续操作时，请移除此新<script>标记和您添加的type="text/babel"属性。相反，在下一节中，您将设置 JSX 预处理器以自动转换所有<script>标记。

---

浏览器端转译仅适用于"学习和创建简单演示"。

Answer 2

从您的链接："JSX 在将源代码编译为 JavaScript 时执行优化。生成的代码比直接用JavaScript编写的等效代码运行得更快。他们的另一个声明"旨在运行在现代Web浏览器上"可以说是误导性的 - 他们并不意味着浏览器可以直接运行它而无需转译 - JSX代码仍然需要被转译为纯Javascript，然后浏览器才能使用它。