文章/答案/技术大牛

发布

社区首页 >问答首页 >pointerTap侦听器在PIXI.Sprite上触发7次，单击一次在一个React组件中

问pointerTap侦听器在PIXI.Sprite上触发7次，单击一次在一个React组件中
EN

Stack Overflow用户

提问于 2022-07-08 10:41:55

回答 1查看 46关注 0票数 1

在一个反应应用程序中，我使用PIXI库来渲染动画，舞台是由@inlet/react-pixi，gsap创建的。

在第一次运行时，应用程序创建一个可点击的sprite，然后添加一个带有回调的事件侦听器"pointerTap“。

useEffect(() => {
chestSprite.on('pointertap', callback);
})

一旦单击chestSprite，回调就会触发7次而不是1次。如何使它只触发一次？

我认为原因在于，在init上重新呈现几次，并在每个呈现上添加另一个eventListener。

回答已采纳

发布于 2022-07-08 11:16:28

尝试将空数组传递给useEffect函数：

useEffect(() => {
  chestSprite.on('pointertap', callback);
}, []);

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72910235

复制

相似问题

问pointerTap侦听器在PIXI.Sprite上触发7次，单击一次在一个React组件中EN