Мне было интересно, сможет ли кто-нибудь дать представление о том, как они обрабатывают анимацию отпуска в React.js. Я использую Greensock TweenMax, а анимация ввода отлично работает на componentDidMount
, но я не нашел надежного способа анимировать компонент.
Я чувствую, что он должен идти в componentWillUnmount
, но React не предоставляет механизма обратного вызова для указания, когда вы готовы отпустить компонент. Поэтому анимация перехода никогда не завершается, так как анимации асинхронны для React. Вместо этого вы видите крошечную долю секунды анимации, компонент исчезает и заменяется следующим анимированным компонентом.
Это проблема, с которой я боролся, так как начал использовать React 9 месяцев назад. Я не могу не думать, что там должно быть решение, кроме ReactCSSTransitionGroup
, которое я считаю громоздким и утонченным, особенно с реактивным маршрутизатором.