エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【React】TypeScript × MUI v5のSelectコンポーネントの型エラー - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【React】TypeScript × MUI v5のSelectコンポーネントの型エラー - Qiita
地味にハマったのでメモします MUI v5のSelectコンポーネントを使用してデータのバインディングを行なっ... 地味にハマったのでメモします MUI v5のSelectコンポーネントを使用してデータのバインディングを行なっていた時のエラーについて。 結論 問題はSelectコンポーネントの、eventを受け取る方法がMUIv5だとv4と異なる事でした。 以下はエラーが起こった時のコードになるのですが、v4だと動きます。 v4のポイントは、selectのeventハンドラを受け取るときはあらかじめデータ型を定義できない仕様のようで、以下のようにunknownで定義しています。handleSelectCatChange = (e: React.ChangeEvent<{ value: unknown }>) そして受け取った後valueにas numberとして型を定義する流れです。 const SomeForm:React.FC () => { //selectが変化するたびにeditCategory