react使用01
React.cloneElement(element,props,…children)
这个是React的官方API,,主要用于克隆并修改React元素,,
本质: 复制一个已有的React元素,并允许你修改他的props
- element : 必须是一个有效的element元素
- props: 要合并或者要覆盖的属性
- children: 可选的新子元素,,,会替换原有的children
作用:
- 动态修改组件属性
- 继承+ 扩展原有属性
// 保留原有 onClick 事件,添加新逻辑
React.cloneElement(buttonElement, {onClick: (e) => {originalOnClick(e); // 原有逻辑handleExtraAction(); // 新增逻辑}
})