javascript - 在 TypeScript 2.0 中正确使用 React.Events？

Question

我有一个使用 React 和 TypeScript 的应用程序。我最近更新了我的类型定义，以使用 npm @types 命名空间将它们存储在我的 node_modules 文件夹中。

以前在使用 DOM 事件时，这样的方法签名满足类型定义:

public updateValue(e: React.FormEvent): void {

现在但是我得到了编译器错误:

(46,25): error TS2314: Generic type 'FormEvent<T>' requires 1 type argument(s).  

在查看 react type definitions 文件夹后，它确实接受了一个泛型:

interface FormEvent<T> extends SyntheticEvent<T> {
}

我的问题基本上是这个泛型的用例是什么，应该如何使用它以及它有什么优势？我可以简单地将我的方法更改为:

public updateValue(e: React.FormEvent<any>): void {

这将满足类型定义要求。但预期用例是什么？

Answer 1

通过阅读您链接的 react.d.ts 文件，通用参数似乎对应于 currentTarget 中指定的 HTMLElement。属性(property)。 Mozilla Docs将表明这通常是一个元素。

[currentTarget: EventTarget & T;]

T 保持未指定直到

interface ReactHTMLElement<T extends HTMLElement> extends DOMElement<HTMLAttributes<T>, T> {

这似乎支持 T 是一个元素的观点。我相信泛型的目标是能够访问 currentTarget 属性上的特定于元素的属性(例如，使用 HTMLImageElement 的 src 标记等)。有 an issue这建议在核心 lib.d.ts 中做一些类似的事情，并对所涉及的问题进行一些讨论。

据我所知，react 类型是同一核心思想的实现。