React.Fragment

React 中一个常见模式是为一个组件返回多个元素。Fragments 可以让你聚合一个子元素列表，并且不在DOM中增加额外节点。

https://www.jianshu.com/p/0c486b8f8b65

 

React.Fragment类似于  <></>

注意：<></>语法不能接受键值或属性。

　　    如果需要一个带key的片段，可以直接使用<React.Fragment />.

　　　目前key是唯一可以传递给Fragment的属性。

　　　

function Glossary(props) {
  return (
    <dl>
      {props.items.map(item => (
        // 没有`key`，将会触发一个key警告
        <React.Fragment key={item.id}>
          <dt>{item.term}</dt>
          <dd>{item.description}</dd>
        </React.Fragment>
      ))}
    </dl>
  );
}