TypeScript: Property ‘getBoundingClientRect‘ does not exist on type ‘EventTarget‘

本文解释了在React中,如何处理MouseEvent类型的事件,特别关注currentTarget属性的类型及其在`getBoundingClientRect`方法中的使用,以及与GitHub上Facebook/React项目Issue#16201的关联。
ACE-Step

ACE-Step

音乐合成
ACE-Step

ACE-Step是由中国团队阶跃星辰(StepFun)与ACE Studio联手打造的开源音乐生成模型。 它拥有3.5B参数量,支持快速高质量生成、强可控性和易于拓展的特点。 最厉害的是,它可以生成多种语言的歌曲,包括但不限于中文、英文、日文等19种语言

问题

解决

翻译: 

我偶然遇到了这个旧问题,无意去顶它,但由于谷歌会把人们导向这个链接,我就在这里留下这个问题的解决方案。显然,React.MouseEvent 是一个泛型,其参数是 currentTarget 属性的类型(注意:类型转换不是应用于 target 属性,而是应用于 currentTarget)。

onClick: (event: React.MouseEvent<HTMLElement>): void => { const { left, top } = event.currentTarget.getBoundingClientRect(); },

Add getBoundingClientRect to EventTarget type · Issue #16201 · facebook/react · GitHub

您可能感兴趣的与本文相关的镜像

ACE-Step

ACE-Step

音乐合成
ACE-Step

ACE-Step是由中国团队阶跃星辰(StepFun)与ACE Studio联手打造的开源音乐生成模型。 它拥有3.5B参数量,支持快速高质量生成、强可控性和易于拓展的特点。 最厉害的是,它可以生成多种语言的歌曲,包括但不限于中文、英文、日文等19种语言

评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值