reactのpropsにDOM構造を渡す

you12724 22views 更新:2016年9月5日

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

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

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

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

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません