html - TypeScript React <img /> onLoad event.target kann naturalWidth naturalHeight nicht finden

return <img {...props} onLoad={event => {
  console.log(event.target.naturalWidth)
}}/>

Ich möchte in TypeScript React die Werte von naturalWidth und naturalHeight abrufen.

Aber stecken geblieben, TypeScript kann diese Eigenschaft nicht finden.

Wie bekomme ich in TypeScript React naturalWidth & naturalHeight?

Antwort #1

Sie können auf HTMLImageElement über event.currentTarget (nicht event.target) zugreifen, daher sollte dies funktionieren:

return <img {...props} onLoad={event => {
  console.log(event.currentTarget.naturalWidth)
}}/>

Ich musste eine Typumwandlung verwenden:

const { width, height } = e.currentTarget as HTMLImageElement;