12. React.cloneElement()解析

2017-09-12  本文已影响0人  前端xiyoki
React.cloneElement(
  element,
  [props],
  [...children]
)

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

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

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

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

上一篇下一篇

猜你喜欢

热点阅读