为什么多个JSX标签需要包装？ ：包装到另一个标签或片段中

jsx 是 javascript 的语法扩展。您可以在 javascript 文件中编写 html 格式。

使用 JSX 时，您知道当您想要使用多个标签时，这些标签必须位于 wrapper 中。在这篇文章中，我将解释这种必要性的原因。

---

JSX 是用 JavaScript 代码编写的，并通过 Babel 等工具编译为“JavaScript”，以使其能够被浏览器理解。

现在让我们为 React.js 编写一个示例

JSX :

当此代码

编译时，它会变成以下内容：

当这段代码

编译时，通过检查编译后的代码，您可以了解到React.createElement函数应该只返回一个根元素 .

---

现在您知道为什么当您在使用

JSX 时想要使用多个标签时，这些标签必须位于 wrapper 中。那么我们用什么来包装呢？ 来解释一下。

1. 用 HTML 标签包裹

您可以使用

div 标签或使用任何其他标签。但一般使用div标签。

示例：

2. 片段使用这个空标签称为

Fragment ( > )。片段可让您对内容进行分组，而不会在浏览器中留下任何痕迹HTML 树。

示例：

结论现在您知道为什么当您在使用

JSX 时想要使用多个标签时，这些标签必须位于 wrapper 中。

以上就是为什么多个JSX标签需要包装？ ：包装到另一个标签或片段中的详细内容

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！ 如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！