typescript - 带有 Preact + Typescript 的类型安全事件处理程序

Question

我正在用 Preact 编写一个简单的组件，它使用 onChange <input/> 的处理程序元素:

function Example(props: {}) {
  return <input onChange={(e) => {
    const { value } = e.currentTarget;
    console.log(value);
  }} />
}

上面的代码会产生以下错误:

Property 'value' does not exist on type 'EventTarget'.ts(2339)

最快的解决方法是进行类型转换:

    const el = (e.currentTarget as HTMLInputElement).value;

但我 不想向应用程序添加类型转换 对于这样一个普通的操作。

编写表单事件处理程序的正确方法是什么 不使用类型转换或 any类型？

环境信息:

"strict": true在 tsconfig.json

preact@8.5.2

没有安装外部类型。使用包默认值。

Answer 1

免责声明:我在 Preact 上工作。

这是我们当前的 Preact 类型中的一个错误。这些与 preact 一起分发npm 包本身。这是我们跟踪器中的一个与此相关的问题:https://github.com/preactjs/preact/issues/1930