reactjs - 动画初始状态等于“translate3d(0,0,0)”的转换时，useSpring()不起作用

如何使用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)"
});

这是一个错误吗？
谢谢

最佳答案

您必须明确指出更改的unit。类似于pixel或percentage。试试这个：

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

关于reactjs - 动画初始状态等于“translate3d(0,0,0)”的转换时，useSpring()不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57628109/