TypeScript 错误：事件处理程序的“对象”类型上不存在属性“目标”

Question

我正在将 React 文件转换为 typescript，从 .js 更改为 .tsx

我有事件处理程序，例如

function handleTitle(e) {
  setTitle(e.target.value);
}

我改成了

function handleTitle(e:object) {
  setTitle(e.target.value);
}

但随着我得到的改变

TypeScript error: Property 'target' does not exist on type 'object'

我试过e:object、e:array、e:any和e:string

Answer 1

e: React.YOUR_EVENT<YOUR_ELEMENT>

对于输入上的“onChange”事件：

function handleTitle(e: React.ChangeEvent<HTMLInputElement>) {
  setTitle(e.target.value);
}

干燥选项：

输入事件

type OnChangeEvent = React.ChangeEvent<HTMLInputElement>

function handleTitle(e: OnChangeEvent) {
  setTitle(e.target.value);
}

键入函数（参数和返回类型）

type HandleTitleType = (e: React.ChangeEvent<HTMLInputElement>) => void

const handleTitle: HandleTitleType = (e) => {
  setTitle(e.target.value);
}