@types/react では、グローバル JSX 名前空間が非推奨になりました:
ESLint の 非推奨/非推奨 ルール (プラグイン eslint-plugin-deprecation から) を有効にしたため、次のような関数コンポーネントの戻り値の型に関するエラーが表示されます。
グローバル JSX 名前空間は非推奨になりましたが、この場合、JSX.Element を置き換える正しい戻り値の型は何でしょうか?
非推奨メッセージに記載されているのは React.JSX.Element ですか:
または ReactElement は次のようになります:
さらに良い方法としては、React.FC を使用して関数コンポーネントを宣言し、次のように TypeScript に戻り値の型を推測させることです。
リーリー
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
#React.JSX
を使用します。または
"react"
:からJSXをインポートします リーリー
リーリーReact.ReactElementを直接使用します (より正確には、React.ReactElement | null):これはまさにこれです (推奨されなくなりました)
リーリーReact.FC適用:これは
でもあります リーリーJSXElementConstructor:そうは言っても、関数コンポーネントの戻り値の型の入力を強制するルールがない限り、簡略化するためにそれを無視できます。
リーリーどうやら、この関数は何でも返せるようになりました。Typescript は文句を言いません...fb/cra#8177 の場合のように、それを JSX テンプレートの関数コンポーネントとして使用しようとしない限り、 :
リーリー