TypeScript React <img /> onLoad event.target can't find naturalWidth naturalHeight

Question

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

I want to retrieve naturalWidth & naturalHeight in TypeScript React.

But got stuck, TypeScript can't find that property.

How do I retrieve naturalWidth & naturalHeight in TypeScript React?

Answer 1

您可以HTMLImageElement通过event.currentTarget（而不是event.target）访问，所以这应该可以工作：

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