React：向现有组件添加 props

小能豆

React：向现有组件添加 props

javascript

我正在尝试弄清楚如何使用附加道具克隆现有元素。

以供参考：

this.mainContent = <Hello message="Hello world!" />

我尝试做类似的事情

React.createElement(this.mainContent, Object.assign({}, 
   this.mainContent.props, { anotherMessage: "nice to meet ya!" }));

但它不起作用。

我该如何实现这个目标？

阅读 47

2024-06-07

共1个答案

小能豆

您需要克隆元素并添加其他道具，React.cloneElement例如：

const ClonedElementWithMoreProps = React.cloneElement(
  this.mainContent, 
  { anotherMessage: "nice to meet ya!" }
);
// now render the new cloned element?

2024-06-07