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