Question

以 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>
}