在SyntheticEvent目标上访问currentTime

Question

在香草反应中，您会得到currentTime

(e) => e.target.currentTime

在打字稿^ 3.1.6中执行上述操作会导致

  

类型“ EventTarget”上不存在属性“ currentTime”

SyntheticEvent似乎没有在任何地方列出EventTarget，所以我不知道如何获得currentTime。 Typescript库显示它是already defined，我的tsconfig（通过this fork生成）看起来像

"compilerOptions": {
  "lib": ["es6", "dom"]
}

Deps：

"devDependencies": {
  "@types/react-router": "^4.4.0",
  "@types/react-router-dom": "^4.3.1",
  "@types/jest": "^23.3.9",
  "@types/node": "^10.12.2",
  "@types/react": "^16.4.18",
  "@types/react-dom": "^16.0.9",
  "typescript": "^3.1.6"
}

Answer 1

找到了答案here

  

您需要做的就是将目标转换为具有所需属性的特定元素类型。

要获得currentTime，您需要做

(e: React.SyntheticEvent): void => {
  const { currentTime } : { currentTime: number } = e.target as HTMLMediaElement;
}