エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
React×TypeScript 基本の型定義 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
React×TypeScript 基本の型定義 - Qiita
はじめに 業務でフロント側はReact(Next.js), TypeScriptを使っているのですが、配属当初の私はReact... はじめに 業務でフロント側はReact(Next.js), TypeScriptを使っているのですが、配属当初の私はReactにもTypeScriptにも触れたことが無く、何が分からないのか分からない状態でした。 TypeScriptの基礎を学んでもReact特有の型定義があり戸惑いましたが、ようやく理解して書けるようになって来たな…ということで、辞書代わりにまとめておきます。 (誤りのご指摘・アドバイスがあればぜひお願いします!) 基礎編 まずは基本の型定義を一通り挙げます。 関数コンポーネント 関数コンポーネントでは、普通の関数と同じように引数(props)に型付けします。 戻り値はJSX要素を返せば型推論されるので、明らかな場合は型付けしなくてOKです。 ※以下の例では、propsは分割代入の書き方で受け取るものとします。 引数(props)なしの場合 propsを受け取らない場合は