当前位置: 首页 > 文档资料 > Rax 中文文档 >

cloneElement

优质
小牛编辑
137浏览
2023-12-01

以 Rax 元素为模板克隆并返回新的 Rax 元素,将传入的 props 与原始元素的 props 浅层合并后返回新元素的 props。新的子元素将取代现有的子元素,而来自原始元素的 key 和 ref 将被保留。

方法

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

参数

  • type 为类型参数,只能是 Rax 元素,这个参数对于 cloneElement 来说是必须的。
  • props 标签的属性,这个参数是可选的。
  • children 从第三个参数开始为元素的子节点,有多少个子节点就创建多少个,同样也是可选的。

示例

import cloneElement from 'rax-clone-element';
import View from 'rax-view';
import Text from 'rax-text';

function Hello({ name }) {
  const Banner = <Text>Hello Rax!</Text>;
  return cloneElement(Banner);
}


function App() {
  return <View>
    <Hello></Hello>
  </View>
}