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

Question

如何使用 useSpring() 钩子？

我正在尝试使用 useSpring() 钩子为变换属性设置动画：

如果初始状态是 ，它根本就不起作用"translate3d(0,0,0)"，例如，如果我用 be 初始化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)"
});