为什么ReactJS需要编译

时间:2020-09-04 18:21:26

标签: reactjs jsx

Reactjs由.js个文件组成,JavaScript是一种解释型语言,因此无法编译。那为什么需要编译Reactjs?我读到它使用了JSX编译器。

3 个答案:

答案 0 :(得分:5)

JSX包含无效的javascript标记语法。 JSX“编译器”将标记转换为原始javascript。您可以使用documentation

自己查看

JSX:

const Test = () => <div>test</div>

使用Java脚本

"use strict";

var Test = function Test() {
  return /*#__PURE__*/React.createElement("div", null, "test");
};

还有捆绑,解决进口,添加polyfill等问题。

答案 1 :(得分:2)

它经过了最小化,然后将所有非储备JavaScript JSX代码转换为常规Javascript。确实并没有使它更快,例如将C编译为机器代码,而是将其转换为浏览器可以理解的Javascript。

答案 2 :(得分:1)

您无需编译JavaScript即可使用react。查看API,了解如何不使用它。

但是,声明性GUI系统中的某些组件(如react)用通用语言编写时既冗长又繁琐。因此,react提供了一个称为“ JSX”的Javascript变体,它允许您在JavaScript代码内部编写XHTML。浏览器不知道JSX,因为它是React小组发明的。因此,react需要一种将花哨的XML部分转换为浏览器可以理解的通用Javacript的方法。