动画初始状态等于“ translate3d（0,0,0）”的转换时，useSpring（）不起作用

Question

如何使用useSpring（）挂钩？

我正在尝试使用useSpring（）挂钩为transform属性设置动画：

它只是如果初始状态是不工作"translate3d(0,0,0)"，举例来说，如果我初始化这样说，这与toggle是false：

const props = useSpring({
  transform: toggle ? "translate3d(0,-25px,0)" : "translate3d(0,0,0)"
});

另一方面，这可以工作：

const props = useSpring({
  transform: toggle ? "translate3d(0,-25px,0)" : "translate3d(0,1px,0)"
});

这是错误吗？谢谢

Answer 1

您必须明确指出unit更改。喜欢pixel或percentage。尝试这个：

const props = useSpring({
  transform: toggle ? "translate3d(0,-25px,0)" : "translate3d(0,0px,0)"
});