react-spring - 有什么方法可以禁用当前使用 React Spring 过渡的组件上的绑定事件？

Question

我在反应弹簧转换事件中使用弹簧（用于拖动）。如果我在过渡时用鼠标抓住对象，它会破坏动画。我确实想保留它以输入对象，但想禁用它以退出对象。也就是说我想在它退出时禁用拖动。这可能吗？

理想情况下，我想写这样的东西：

const transitions = useTransition(reviews.carousel[0], {
...
onLeave: (_res, _spring, item) => {
  item.ignorePointer = true  
})

然后使用该值禁用触摸事件。

这样做的一些问题：

• 设置 item.ignorePointer 不会更新状态

• 如何确定它是否发生了变化，因为这不起作用：

    onStart: (_res, _spring, item) => {
      let { carousel } = reviews
      if (carousel[0]._id !== item._id) {
        console.log('is leaving')
      }
    },
  

任何帮助，将不胜感激。

标签： react-spring

Answer 1

将pointer-event: none样式放在现有元素上怎么样？