React+TypeScriptで、onKeyPressイベントの型指定を行う

カテゴリ: JavaScript | タグ: , ,

TypeScriptを使ってReactのコードを書いているときに、onKeyPressイベントに対するイベントオブジェクトの型指定方法です。

この例では、Inputタグに対するキーボードイベントを処理したいので、React.KeyboardEvent<HTMLInputElement>の型指定を行っています。

import React from 'react';

const Foo = () => {
  const handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {
    ...
  }

  return (
    <input onKeyPress={(e) => handleKeyPress(e)} />
  );
}

Amazonでおトクに買い物する方法
AmazonチャージでポイントGET


Amazonは買いもの前にAmazonギフト券をチャージしてポイントをゲットしないと損!

こちらもおススメ

コメントを残す

メールアドレスが公開されることはありません。