javascript - 访问 SyntheticEvent 目标上的 currentTime

Question

在 vanilla React 中你得到 currentTime 就像

(e) => e.target.currentTime

在 typescript 中执行上述操作 ^3.1.6 结果

Property 'currentTime' does not exist on type 'EventTarget'

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

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

部门:

"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

What you need to do is to cast the target to the specific element type with the properties you need.

所以要获得 currentTime 你需要做

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