【検証】React.FC と React.VFC はべつに使わなくていい説

こんにちは、クレイの正岡です。 コロナ禍が始まってから小学生時代以来のゲーム生活を送っています。ゲームボーイと呼んでください。 さて、今回は React × Typescript でコードを書いている人／書こうとしている人に向けて、Reactコンポーネントの型定義について頭の片隅に置いておいて欲しい情報を共有したいと思います。 寝ながら使えてしまうReactコンポーネントの3つの型 () => JSX.Element 型 interface Props { text: string } const Hoge = ({ text }: Props) => { return ( <p>{ text }</p> ) } 上記のように返り値の型を特に指定していない場合、 このコンポーネントは JSX.Element型 を返す関数（ () => JSX.Element ）として返ります。 React

[winterfall]

“FC や VFC を指定する必要はなく、() => JSX.Element のままでも特に困ったことは起こりません。”

[sh0g0]

みてる

[mizdra]

良いまとめ

[kikiki-kiki]

JSX.Element だと null 返すのはダメなのね。

[xyzpda]

“ ) } ”

[Keisuke69]

何も考えずにReact.FCを指定して思考停止してた勢✋

[roshi]

ゆるふわに書きたいし型推論に任せたい派なので個人的にはうれしい情報だけど、一度書いてしまえば頻繁に書き換えるものでもないし好みがはっきり分かれそう。