React：既存のコンポーネントにpropを追加する

質問

既存の要素に追加のプロップを付けてクローンする方法を考えています。

参考までに

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

のようなことをしようとしました。

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

が、うまくいきません。

どうすれば実現できるでしょうか？

どのように解決するのですか？

要素をクローンし、追加プロップとして React.cloneElement など。

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