Reactjs useSpring()不';设置变换动画时,初始状态等于“t”;翻译3d(0,0,0)";

Reactjs useSpring()不';设置变换动画时,初始状态等于“t”;翻译3d(0,0,0)";,reactjs,react-hooks,react-spring,Reactjs,React Hooks,React Spring,如何使用useSpring()挂钩 我正在尝试使用useSpring()钩子设置变换属性的动画: 如果初始状态是“translate3d(0,0,0)”,例如,如果我使用切换开关设置为false,则它根本不起作用: const props = useSpring({ transform: toggle ? "translate3d(0,-25px,0)" : "translate3d(0,0,0)" }); 另一方面,这是可行的: const props = useSpring({ t

如何使用useSpring()挂钩

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

如果初始状态是
“translate3d(0,0,0)”
,例如,如果我使用
切换开关
设置为
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)"
});
这是虫子吗?
谢谢

您必须明确指出变更的单位。例如
像素
百分比
。试试这个:

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