簡體   English   中英

在TypeScript 2.0中正確使用React.Events?

[英]Correct Usage of React.Events in TypeScript 2.0?

我有一個使用React和TypeScript的應用程序。 我最近更新了類型定義,以使用npm @types命名空間將其存儲在我的node_modules文件夾中。

以前,在使用DOM Events時,類似這樣的方法簽名可以滿足類型定義:

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 {

並且這將滿足類型定義要求。 但是預期的用例是什么?

通過閱讀已鏈接的react.d.ts文件,看起來該通用參數對應於currentTarget屬性中指定的HTMLElement。 Mozilla文檔會表明這通常是一個元素。

[currentTarget: EventTarget & T;]

直到T仍未指定

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

這似乎支持T是元素的想法。 我相信泛型的目標是能夠訪問currentTarget屬性上的特定於元素的屬性(例如src標記,例如使用HTMLImageElement等)。 一個問題建議在lib.d.ts核心中執行類似的操作,並對涉及的問題進行一些討論。

據我所知,React Type是同一核心思想的實現。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM