浏览器无法读取 jsx 语法答案

【问题标题】：Browsers can not read jsx syntax浏览器无法读取 jsx 语法
【发布时间】：2019-02-13 04:54:10
【问题描述】：

JSX 是 React 使用的一种类似 XML/HTML 的语法，它扩展了 ECMAScript，因此类似 XML/HTML 的文本可以与 JavaScript/React 代码共存。 ... 与 HTML 不同，为什么浏览器不能读取 jsx

【问题讨论】：

JSX 是 ECMAScript 的类似 XML 的语法扩展，没有任何定义的语义。它不打算由引擎或浏览器实现。它打算被各种预处理器（转译器）用来将这些标记转换为标准的 ECMAScript。

【解决方案1】：

浏览器无法读取 JSX，因为浏览器引擎没有固有的实现来读取和理解它。您可以使用 babel 将您的 jsx 转换为浏览器可以理解的原生 javascript 和 HTML。

【讨论】：

【解决方案2】：

在一个线性答案中，浏览器只读取 Javascript 对象，但 JSX 不是常规的 Javascript 对象。所以我们需要引擎来转换成Javascript常规对象（bebel for it）。

【讨论】：