撤消转换回零时使用Spring的奇怪行为

Question

我正在使用基本的 useSpring 钩子来为变换属性设置动画：

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

在 v8 中可以正常工作，但在 v9 中，动画的反向仅在您在初始动画结束之前启动时才有效

我上传了一个最小的example。如果你打开沙箱，它就有我描述的问题。当您单击时，它开始动画，如果您等待 unitil 完成然后再次单击，它会跳转到起点并且不动画，但是如果您在初始动画期间单击，它将按预期工作。

此行为仅在版本 9 中发生。您可以将侧栏中的版本更改为 v8 并查看问题不再存在。我正在尝试使用 v9 达到相同的效果。

Answer 1

我发现了问题所在，这是最愚蠢的事情。显然 react-spring v9 不理解 "translateY(0)" & 需要该单元；所以"translateY(0px)" 可以正常工作。