次の記事を見てなるほどと思ったものの、コンポーネント集作成の視点で書かれている。我々はアプリを作る機会が多いので、その際はどういう書き方が楽なのか、チームで共有するために類型を洗い出し、比較した。 TL;DR 関数での書き方を覚えれば良いと判断した。 function MyComponent(props: React.PropsWithChildren<Props>) { if (props.title.length % 2 === 0) { return null; } return <div>{props.children}</div>; } ここからやりたいことによって不要なものを削除していく。例えば props が必要ない場合、シグネチャーから props 定義を削除する。子要素の指定が必要ない場合は React.PropsWithChildren の使用をやめる。 null を返