Javascript 这些没有名字的JSX元素意味着什么？

我刚刚遇到这个React代码，它包含没有名称的标记（

和

）。它打破了我编辑器上的语法突出显示，但我想它是有效的，因为它已经存在一段时间了。你知道这是什么意思，这是什么模式吗

return (
    <>
        <span className="example">{something}</span>
        <br />
        {object.example}{' '}
    </>
);

返回(
{某物}


{object.example}{'}
);

这是react

片段

短模式

以下是文档和示例：

与

相同，因此您不需要将

span

和

br

元素与另一个元素包装在一起

这是我的建议

此代码（来自文档）：

const{Fragment}=React；

同：

<>
  <ChildA />
  <ChildB />
  <ChildC />
</>

---

注意：如果您使用

您不需要声明

React.Fragment

这些是片段。阅读文档中关于它们的内容，这些都是React片段。语法是

的语法糖（我个人不喜欢）。更多信息：

<>
  <ChildA />
  <ChildB />
  <ChildC />
</>