reactjs - React.cloneElement 和复制 React 元素

Question

我有一个接收反应元素/组件的函数。

我想创建此参数的副本并对其进行更改，而不会影响原始元素。这是代码示例：

function displayNameChanger(element) {
    let tempElement = React.cloneElement(element);

    console.log(element);

    tempElement.displayName = "New Name";
    ...
}

尽管记录了原始元素，但我发现 console.log 显示 displayName 是“新名称”，这对我来说没有意义。我认为 React.cloneElement 创建并返回元素的新副本，我可以对其进行更改而不会影响原始副本，但似乎并非如此。

谁能向我解释发生了什么以及如何制作元素的副本并更改其 displayName 而不会影响原始元素？

标签： reactjs