javascript - Comment écrire des effets d'animation dans React?

Question

Comment créer des effets d'animation pour les composants en réaction ? Par exemple, pour une simple boîte de dialogue, j'espère qu'après avoir cliqué sur Annuler, la boîte de dialogue s'estompera d'abord puis disparaîtra.
Si vous utilisez jquery, c'est très simple, commencez par animer({ //Fade CSS}, function(){ //Delete DOM}).

Mais réagis, je ne sais pas comment faire. Se pourrait-il que l'intégralité du composant dom existe et que seule une animation CSS soit utilisée pour changer l'affichage et le masquer ?

S'il vous plaît, donnez-moi quelques conseils

Answer 1

Dans la plupart des cas, les opérations DOM ne sont pas requises, utilisez React Add-Ons的ReactCSSTransitionGroup组件或ReactTransitionGroupcomponents :

• Réagir à l'animation

Answer 2

Vous pouvez référencer jq dans composantDidMount dans le composant React, puis écrire l'animation