typescript 错误: Property 'target' does not exist on type 'Object' for event handler

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);
}