Reactの"要素の型"、それぞれの特性理解していますか？

はじめに 普段React・Next.jsを用いた開発に際して、UIコンポーネントを作成する際にReact.FCやJSX.Element、ReactNodeなどの"要素やコンポーネントに関する型"を使用する場面が多々あるかなと思います。 昨今のReactコンポーネント開発において、実際には要素やコンポーネントの型を「何を使うか」をあまり意識しないでもちゃんと開発できてしまいます。とはいえ、それぞれの型には微妙に異なる特徴や特性がありますので、今回はよく見かける以下の四つの型について、それぞれの違いや特性を紹介していきたいと思います。 JSX.Element ReactElement ReactNode React.FC

[tohokuaiki]

React.ReactNodeだけでいいんじゃないの？とか思っていた時期が私にもありました。2024年だとFCは使わないらしいです。

[yarumato]

“React・Next.jsを用いてUIコンポーネントを作成する際に、React.FCやJSX.Element、ReactNodeなど要素やコンポーネントに関する型を使用する場面が多々ある。よく見かける四つの型について、違いや特性を紹介。React 18以降”

[gothedistance]

この解説助かる‥