reactのpropsにDOM構造を渡す

フロントエンドを最近勉強中でまだまだ未熟なのですが、reactでComponentを作っている時に、似たような配置だが、表示する部分の構造が微妙に違う・・・
などでいくつも無駄なComponentを作っていた時にDOMを渡せれば解決するんじゃないか？ と思ってやってみたらできました。

Templateのようなコンポーネントを作っておき、

<div>
  <div className='componentHeader'>{this.props.title}</div>
  <div className='componentBody'>{this.props.dom}</div>
</div>

このようなComponentに他のComponentをリスト形式などに変換してから渡せば同じようなテンプレートで作ることができました。