什么是反应和反应？

React是一个JavaScript库，可用于为浏览器，本机和VR等各种平台创建UI元素。 ReactDom是一个特定于平台的软件包，它采用React库创建的UI元素，并在DOM中渲染它们。

仅使用React和React-Dom渲染“ Hello World”

想象一下，如果您需要在DOM中渲染一个简单的“ Hello World”，则需要编写以下代码，这并不那么简单。

const reactElement = React.createElement('div', {
  className: 'container', 
  children: 'Hello World' 
});

什么是JSX？

JSX是JavaScript的语法扩展名，允许开发人员在其JavaScript文件中编写类似于HTML的代码。然后，使用像babel这样的转板器将此代码转换为常规JavaScript。

如果您需要为上述反应元代码编写等效的JSX代码，这将是这样的：

<div className="container">Hello World</div>

JSX代码非常容易理解，但是反应，反应或浏览器不了解它。 Babel进入图片以将JSX代码转换为等效的反应代码。

import { jsx as _jsx } from "react/jsx-runtime";
/*#__PURE__*/_jsx("div", {
  className: "container",
  children: "Hello World"
});

使用JSX创建React组件时，将其编译为返回React元素的JavaScript函数。然后将此元素传递给Reactdom，该元素将其呈现在DOM中。

使用React，ReactDom和JSX的完整代码：

结论

总体，React，ReactDom和JSX共同努力，提供了一种强大而灵活的方法来为Web应用程序创建交互式和动态的用户界面。