12. React.cloneElement()解析

React.cloneElement(
  element,
  [props],
  [...children]
)

说明: 该方法以 element 作为起点,克隆并返回一个新的 React 元素。所产生的元素将具有原始元素的props ,新的 props 为浅层合并。 新的子元素将取代现有的子元素, key 和 ref 将被保留。

该方法接收三个参数,注意参数的数据类型:

  • 第一个参数为必选参数:TYPE(ReactElement
  • 第二个参数为可选参数:[PROPS(object)],
  • 第三个参数为可选参数:[CHILDREN(ReactElement)]

第一个参数:用于克隆的母体React元素。
第二个参数:为克隆后生成的React元素添加新的props或覆盖从母体中克隆而来的部分或全部props。
第三个参数:为新生成的React元素添加新的children,取代从母体中克隆而来的children。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • It's a common pattern in React to wrap a component in an ...
    jplyue阅读 3,317评论 0 2
  • 深入JSX date:20170412笔记原文其实JSX是React.createElement(componen...
    gaoer1938阅读 8,111评论 2 35
  • GUIDS 第一章 为什么使用React? React 一个提供了用户接口的JavaScript库。 诞生于Fac...
    jplyue阅读 3,604评论 1 11
  • 塞翁失马,焉知非福…… 丢了两个鱼眼珠,竟意外收获了一颗海珍珠。幸福来得如此之快,让人有些措手不及的感觉。不怪常听...
    燕阵冰寒阅读 369评论 0 1
  • 在和煦阳光地照耀下 在微微清风地吹拂下 我独自一人在小河边漫步 看着那粼粼波光 调皮地一闪一闪 好似在相互嬉戏 就...
    三湘涟漪阅读 208评论 11 10