Wie soll ich mit einer Leave-Animation in componentWillUnmount in React umgehen?

Ich habe mich gefragt, ob jemand einen Einblick geben kann, wie er damit umgeht, Animationen in React.js zu hinterlassen. Ich habe Greensock TweenMax verwendet und die Enter-Animationen funktionieren aufcomponentDidMount, aber ich habe keinen zuverlässigen Weg gefunden, eine Komponente zu animieren.

Mein Gefühl ist, dass es in @ gehen sollcomponentWillUnmount, aber React bietet keinen Rückrufmechanismus, mit dem Sie angeben können, wann Sie eine Komponente loslassen möchten. Daher wird die Übergangsanimation nie abgeschlossen, da die Animationen asynchron zu Reagieren sind. Stattdessen sehen Sie einen winzigen Sekundenbruchteil der Animation, die Komponente verschwindet und wird durch die nächste animierte Komponente ersetzt.

Dies ist ein Problem, mit dem ich zu kämpfen hatte, seit ich vor 9 Monaten mit React angefangen habe. Ich kann nicht anders, als zu denken, dass es eine andere Lösung als @ geben muReactCSSTransitionGroup das finde ich umständlich und pingelig, vor allem mit reaktionsrouter.

Antworten auf die Frage(4)

Ihre Antwort auf die Frage