Как реализовать функцию Пауза и Возобновление, используя Переход реактивной пружины?

Question

У нас есть требование показать переход в реакции, и при наведении мыши мы должны остановить переход, и когда мы вытащим мышь, он должен возобновиться?

Мы можем показать переход, но не можем реализовать функцию паузы и возобновления.

Любое предложение поможет.

Спасибо

Answer 1

Пауза и возобновление обычно зарезервированы для императивных API, это не то, как декларативная работа. пружины и переходы просто отражают состояние, как и любой другой компонент. но вы можете нанести некоторый ущерб, используя поддержку переходов для ключевых кадров, например, вы можете передать функцию, которая дает вам больший контроль. вот так: https://codesandbox.io/s/ok1ywq4n6

единственный другой вариант - пройти весь путь вручную, используя класс Controller. http://react-spring.surge.sh/manual