イベントの型

React実践 / 全 6 枚

型が無い引数、ある引数

e の型が無いと、TypeScript は e の中身に何があるか判断できません。

型を書かない

function handleChange(e) {
  setKeyword(e.target.value);
}

イベントの型を書く

function handleChange(
  e: ChangeEvent<HTMLInputElement>
) {
  setKeyword(e.target.value);
}

山かっこの中が、そのまま e.target の正体になります。

1 / 6

← → キーでも送れます