TypeScript で書く React コンポーネントを基礎から理解する - Qiita

この記事は Recruit Engineers Advent Calendar 2019 の 23日目の記事です。 TypeScript のプロジェクトで React コンポーネントを書いていると、コンパイラに怒られることがたびたびあります。ネット上にあるサンプルコンポーネントが JavaScript で書かれていると、プロジェクトにもってきたときにコンパイルできないということはよくあるんじゃないでしょうか。any でコンパイラを黙らせることもできますが、せっかく TypeScript を使っているので、安全に解決したいよねってことでこのような記事を書きました。 型定義は @types/react@16.9.17 にしたがっています。目次をみて、この程度のことはもう知っているよという方は react-typescript-cheatsheet をみてください。React + TypeScr

[nakajmg]

“Portals”

[Shisama]

勉強になりました。react-typescript-cheatsheetも見てみよう。

[shingo-sasaki-0529]

とりあえず　React.FC を使って、状態も Hooks で持てば良いんだなぐらいの認識

[vvakame]

ほぇーしゅごい パズルじゃん…

[efcl]

ReactのTypeScript型定義の扱い方について。 コンポーネントの型、Childrenの型、既存のHTML要素のProps拡張などについて

[murokaco]

“any でコンパイラを黙らせることもできますが、せっかく TypeScript を使っているので、安全に解決したいよね”

[toshi-toma]

分かりやすくまとまってて良かった。React.FCからイベントオブジェクトとかHTML要素とかchildrenの型の制限など。

[yosuke_furukawa]

普通に知らないこと多くて勉強になった

[sangotaro]

そのうちもうちょい書くかも

[ka2jun8]

フロントエンドエンジニアも型とうまく付き合っていく時代