为什么需要包裹多个JSX标签？
jsx 是 javascript 的语法扩展。您可以在 javascript 文件中编写 html 格式。
使用 JSX 时，您知道当您想要使用多个标签时，这些标签必须位于 wrapper 中。在这篇文章中，我将解释这种必要性的原因。
JSX 是用 JavaScript 代码编写的，并通过 Babel 等工具编译为“JavaScript”，以使其能够被浏览器理解。
JSX :
编译时，它会变成以下内容：
编译时，通过检查编译后的代码，您可以了解到React.createElement函数应该只返回一个根元素 .
现在您知道为什么当您在使用
JSX 时想要使用多个标签时，这些标签必须位于 wrapper 中。那么我们用什么来包装呢？
来解释一下。
您可以使用
div 标签或使用任何其他标签。但一般使用div标签。
示例：
这个空标签称为
Fragment ( > )。片段可让您对内容进行分组，而不会在浏览器中留下任何痕迹HTML 树。
示例：
结论
现在您知道为什么当您在使用
JSX 时想要使用多个标签时，这些标签必须位于 wrapper 中。
