import React from 'react'
class Fragment extends React.Component{
  //Fragments 允许你将子列表分组，而无需向 DOM 添加额外节点。
  render () {
    return(
      <React.Fragment>
        <ChildA />
        <ChildB />
        <ChildC />
      </React.Fragment>
      //   短语法
        // 你可以使用一种新的，且更简短的语法来声明 Fragments。它看起来像空标签：
        <>
          <td>111</td>
          <td>111</td>
        </>
        //遍历的时候，需要用到key 目前只能传递key给Fragment
        <dl>
          {props.items.map(
              item => (
                  <React.Fragment key={item.id}>
                    <dt>{item.term}</dt>
                    <dt>{item.description}</dt>
                  </React.Fragment>
              )
          )}
        </dl>
    )
  }
}
export default Fragment;