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