March 2020
Intermediate to advanced
376 pages
5h 9m
Japanese
内部では、TypeScriptはTSXの型付けをカスタマイズできるように、いくつかのフックを公開します。これらはglobal.JSXという名前空間上の特別な型であり、TypeScriptがプログラム全体を通じて、TSXの型に関する「信頼できる情報源」(source of truth)と見なすものです。
![]() |
|
単にReactを使うのであれば、このような低レベルのフックについて知る必要はありませんが、Reactを使用せずにTSXを使用する独自のTypeScriptライブラリーを作成する場合は、この付録が、使用可能なフックに関する有益なリファレンスになるでしょう。 |
TSXは2種類の要素をサポートしています。組み込み要素(固有の要素)とユーザー定義要素(値ベースの要素)です。固有の要素は常に小文字の名前を持ち、<li>、<h1>、<div>のような組み込み要素を参照します。値ベースの要素はパスカルケース†1の名前を持ち、React(またはTSXと併用している任意のフロントエンドフレームワーク)を使ってプログラマーが作成する要素を参照します。値ベースの要素は、関数またはクラスとして定義することができます。図G-1を参照してください。
[†1] 訳注:「PascalCased」のように、各単語の先頭を大文字にしてつなげた表記法です。
図G-1 TSX要素の種類
例としてReactの型宣言(http://bit.ly/2CNzeW2)を用いて、TSXを安全に型付けするためにTypeScriptが使用するフックについて見てみましょう。Reactでは次のようなTSXのフックの利用により、JSXが安全に型付けされます。 ...
Read now
Unlock full access