TypeScriptで「Type error: Property ‘value’ does not exist on type ‘EventTarget’.」エラーの件
Nextjsで実装していたときに、
TypeScriptを取り入れて、
コードを変更していた際に、
調整していた時のメモ。
発生したのは、
Type error: Property 'value' does not exist on type 'EventTarget'.のエラーが発生。
このエラーを対応した時のメモ。
個人的な備忘録としてこの記事に残します。
関連調整
関連調整としては、
以下の記事の対応部分に関連。
TypeScriptで「Type error: Parameter ‘event’ implicitly has an ‘any’ type.」エラーの件
TypeScriptで「Type error: ‘event.target’ is possibly ‘null’.」エラーの件
エラー
Next.jsで、
TypeScriptを導入して、
コード調整した上でコンパイルするために、
以下のコマンドを実行
npm run build調整内容
上記のエラー内容を見てみると、
Type error: Property 'value' does not exist on type 'EventTarget'.という表示。
他のコードと同じように、
TypeScriptを導入して、
型定義の対応が漏れているので調整が必要。
Eventの中の特定プロパティの中で、
さらにvalueのプロパティを取得しようとしていたので、
その点を調整。
調整前
const sampleActions = (event: Event) => {
:
if(event.target) {
console.log(event.target.value);
}
}調整後
const sampleActions = (event: Event) => {
:
if(event.target) {
const target = event.target as HTMLInputElement;
console.log(target.value);
}
}上記で対応。
ピックアップ
こちらもおすすめ
初心者向けの色々な情報はあるけれど、
- 無料でお試しができるスクール
- ホームページなど簡単に作成できる
- 組織で使いたいサービス
について、
少しでも試して良いものがあると、
それを活用することで学習や業務などが効率化できるので、
おすすめのサイトなどをいくつか紹介しておきます
