首页 > 其他 > 详细

React.Fragment

时间:2020-06-23 13:03:09      阅读:65      评论:0      收藏:0      [点我收藏+]

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

 

React.Fragment

原文:https://www.cnblogs.com/em2464/p/13181142.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!