首页 > 技术文章 > React.Fragment

em2464 2020-06-23 11:28 原文

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>
  );
}

 

推荐阅读