(React Spring) Как связать анимацию в дочернем компоненте после завершения перехода родительского компонента?

Question

(1) У меня есть стандартная анимация перехода страницы, оборачивающая мой Switch / в App / . Этот переход страницы применяется к каждому Route /.

(2) Затем у меня есть анимация внутри определенных c компонентов. Например, у меня есть многоэтапный переход внутри LandingPage / , который также запускается при монтировании.

Проблема в том, что анимация для стандартного перехода страницы в (1) происходит одновременно время как заданная c анимация внутри указанного c компонента (2).

Я не могу использовать useChain, потому что переходы не находятся в одном компоненте.

Есть ли способ убедиться, что анимация (2) происходит только после анимация (1) завершается (даже если (1) находится в родительском компоненте)?

Ура

Answer 1

Я бы представил состояние компоненту приложения. Например routeAnimating. Я бы установил это в начале каждого изменения маршрута. И я бы установил его false в обратном вызове onRest основного useTransition. Вы можете передать routeAnimating на каждую страницу в качестве свойства. И он может запускать анимацию на странице.

Надеюсь, это сработает. Дай мне знать, если попробуешь.