react使用01

wfsm2025-04-23 15:31

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

这个是React的官方API，，主要用于克隆并修改React元素，，

本质：复制一个已有的React元素，并允许你修改他的props

element : 必须是一个有效的element元素
props：要合并或者要覆盖的属性
children: 可选的新子元素，，，会替换原有的children

作用：

动态修改组件属性
继承+ 扩展原有属性

js 复制代码

// 保留原有 onClick 事件，添加新逻辑
React.cloneElement(buttonElement, {
  onClick: (e) => {
    originalOnClick(e); // 原有逻辑
    handleExtraAction(); // 新增逻辑
  }
})