我正在使用create-react-app学习React，并且了解如何使用JSX制作组件。例如，一个简单的无状态组件类似于：
import React from 'react';
const Widget = (props) => <h1>{props.text}</h1>
export default Widget;
因此，导入ReactcreateElement()用于转换HTML样式的JSX（<h1>{props.text}</h1>），但是该函数如何应用？好像我没有明确地将React用于任何事情。如果在构建应用程序时进行某种编译，那么为什么需要导入React？
首先，Babel将JSX编译为常规Javascript，然后将您的React导入更准确地React.createElement发挥作用。这是代码的编译版本：
"use strict";
var Widget = function Widget(props) {
return React.createElement(
"h1",
null,
props.text
);
};
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句