見出し画像

React/Typescriptでinput(e.target.value)などの型。

ちょっとめんどくさかったので、記録。

下記のようにinputData関数の引数として受け取る場合の型。

<input type="text" name="name" onChange={inputData} />
function inputData(e: React.ChangeEvent<HTMLInputElement>) {

    const key = e.target.name;
    const value = e.target.value;
    if (key === "title" || key === "body") {
      formData[key] = value;
    }
    const data = Object.assign({}, formData);
    setFormData(data);
  };

無駄な記載もあるが、要するに、React.ChangeEventで<HTMLInputElement>
ということ!!以上。

この記事が気に入ったらサポートをしてみませんか?