美文网首页
12. React.cloneElement()解析

12. React.cloneElement()解析

作者: 前端xiyoki | 来源:发表于2017-09-12 17:02 被阅读0次
    React.cloneElement(
      element,
      [props],
      [...children]
    )
    

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

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

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

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

    相关文章

      网友评论

          本文标题:12. React.cloneElement()解析

          本文链接:https://www.haomeiwen.com/subject/jlncsxtx.html