【React】props. children を簡単に使う

結論

Functional Componentを実装する際に、下記のように定義するのではなく、

const Ex = (props: Props) => {
  return (
    <div>
      hoge
    </div>
  )
}

React.FCを使って実装すれば、呼び出しからchildrenプロパティを参照できるようになります。

const Section: React.FC<SectionProps> = props => {
  return (
    <div>
      hoge
    </div>
  )
}

参考

• https://qiita.com/otanu/items/434cd326754ac989fcbe#children%E3%83%97%E3%83%AD%E3%83%91%E3%83%86%E3%82%A3%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B%E5%A0%B4%E5%90%88

その他の記事

yamato8010.hatenablog.com

yamato8010.hatenablog.com

yamato8010.hatenablog.com