撤消转换回零时的useSpring奇怪行为

我正在使用一个基本的useSpring钩子来设置transform属性的动画:

 const props = useSpring({
    to: {
      transform: open ? 'translateY(-50px)' : 'translateY(0)',
    },
  })

它在v8中工作得很好,但在v9中,只有在初始动画结束之前启动它时,动画的反转才有效

我已经上传了一个最小的example。如果您打开沙箱,它会出现我所描述的问题。当你点击时,它开始动画,如果你等待完成,然后再次点击,它会跳到起始点,不会动画,但如果你在初始动画中点击,它将按预期工作。

这种行为只在版本9中发生。您可以在侧边栏中将版本更改为v8,然后看到该问题不再存在。我正在尝试用v9实现同样的效果。

转载请注明出处:http://www.heshunyou.com/article/20230526/1561079.html