片段是在 React 16.2 版本中引入的。在 React 中,片段用于组件返回多个元素。它允许您对包含多个子项的列表进行分组,而无需向 DOM 添加额外的节点。
例子
render() {
return (
<React.Fragment>
<ChildA />
<ChildB />
<ChildC />
</React.Fragment>
)
}
还有一种用于声明片段的简写语法,但许多工具不支持它:
render() {
return (
<>
<ChildA />
<ChildB />
<ChildC />
</>
)
}