HTML 中空标签的目的是什么？

Question

在分析使用Gatsby构建的开源web应用程序的代码时，我遇到了以下代码块:

const three = <h3 className="big-heading">subtitle</h3>;
const four = (
<>
<p>
some text
</p>
</>
);

在<p>标签周围有这些空标签有一个特殊的原因?在我看来，这是由代码的自动生成引起的，因为删除它似乎不会改变任何东西。

Answer 1

这种语法在HTML中没有意义，但是这里没有HTML。这就是JSX。

它是fragments的简短语法，允许你将多个元素捆绑在一起。

它包含一个元素(一个段落)，所以在这个特定的情况下是没有意义的。