📢 Webサイト閉鎖と移転のお知らせ
このWebサイトは2026年9月に閉鎖いたします。
新しい記事は移転先で追加しております。(旧サイトでは記事を追加しておりません)
ページの作成:「== 概要 == TSX (TypeScript XML) は、ReactアプリケーションをTypeScriptで記述するためのファイル形式 (<code>.tsx</code>) である。<br> JavaScriptの構文拡張であるJSXに、TypeScriptの静的型付けを組み合わせることで、UIコンポーネントの構造を宣言的に記述しながら、コンパイル時に型の整合性を検証できる。<br> <br> TSXを使用することにより、以下に示すようなメリッ…」 |
|||
| 8行目: | 8行目: | ||
* コンポーネントの戻り値やRefの型を明示することで、意図しない使い方を防止できる。 | * コンポーネントの戻り値やRefの型を明示することで、意図しない使い方を防止できる。 | ||
<br> | <br> | ||
React 18以降では <code>React.FC</code> からchildrenの暗黙的な型定義が削除され、TypeScript 5. | React 18以降では <code>React.FC</code> からchildrenの暗黙的な型定義が削除され、TypeScript 5.1ではコンポーネントの戻り値型の制約が緩和される等、<br> | ||
TSXの記述スタイルに関する標準が整理されてきている。<br> | |||
<br> | <br> | ||
<center> | <center> | ||