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

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ギフト券をチャージしてポイントをゲットしないと損！