reactjs 浏览器无法读取jsx语法

l5tcr1uw  于 2023-01-02  发布在  React
关注(0)|答案(4)|浏览(349)

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

oknrviil

oknrviil1#

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

lb3vh1jj

lb3vh1jj2#

React使用JSX(JavaScript扩展),允许我们编写看起来像HTML的JavaScript。但是JSX不是有效的JavaScript,Web浏览器不能直接读取它。因此,如果JavaScript文件包含JSX,该文件必须被传输,您需要传输将您的JSX转换为浏览器可以理解的常规JavaScript
现在使用最广泛的蒸发器是巴别塔

brtdzjyr

brtdzjyr3#

浏览器引擎无法读取或理解JSX,因为它们没有固有的实现。引擎和浏览器不应该实现JSX,它应该被传输器用来将JSX转换为JavaScript。
由于JSX结合了HTML和JavaScript,浏览器不支持,因此任何包含JSX文件的文件都会被Babel transpiler转换成JavaScript对象,这样浏览器就能理解代码并执行。

k75qkfdt

k75qkfdt4#

在一个线性答案将,浏览器只读取Javascript对象,但JSX不是正常的Javascript对象。所以我们需要引擎转换成Javascript常规对象(bebel为它)。

相关问题