如何使用反应弹簧的过渡实现暂停和恢复功能?

时间:2018-11-16 12:11:52

标签: reactjs react-spring

我们需要显示react中的过渡,并且当鼠标悬停时我们必须停止过渡,并且当我们移出鼠标时它应该恢复吗?

我们能够显示过渡,但无法实现暂停和恢复功能。

任何建议都会有所帮助。

谢谢

1 个答案:

答案 0 :(得分:0)

暂停和恢复通常是为命令式api保留的,这不是声明式的工作方式。弹簧和过渡就像其他任何组件一样,仅反映状态。但是,使用对关键帧的过渡支持可能会造成一些损害,例如,您可以传递允许更多控制的功能。像这样:https://codesandbox.io/s/ok1ywq4n6

唯一的其他选择是使用Controller类一路手动进行操作。 http://react-spring.surge.sh/manual