
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
React で型の named import は辞めよう - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
React で型の named import は辞めよう - Qiita
React コーディング全てではなく、主に SyntheticEvent 型を継承している DOM 周りの型に限っては、name... React コーディング全てではなく、主に SyntheticEvent 型を継承している DOM 周りの型に限っては、named import を避けるべきです。一見エラーにならない様に感じる次のコードですが、onClick にバインディングする行でエラーが発生します。 import React from 'react' import { MouseEvent } from 'react' type Props = { handleClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void } const Component: React.FC<Props> = props => ( <div> <button onClick={props.handleClick}></button> // Error