易百教程

38、片段(fragments)是什么?

片段是在 React 16.2 版本中引入的。在 React 中,片段用于组件返回多个元素。它允许您对包含多个子项的列表进行分组,而无需向 DOM 添加额外的节点。

例子

render() {  
  return (  
    <React.Fragment>  
      <ChildA />  
      <ChildB />  
      <ChildC />  
    </React.Fragment>  
  )  
}

还有一种用于声明片段的简写语法,但许多工具不支持它:

render() {  
  return (  
    <>  
      <ChildA />  
      <ChildB />  
      <ChildC />  
    </>  
  )  
}