JavaScript - React でアニメーション効果を記述するにはどうすればよいですか?

Question

React でコンポーネントのアニメーション効果を記述するにはどうすればよいですか?たとえば、単純なダイアログ ボックスの場合、[キャンセル] をクリックした後、ダイアログ ボックスが最初にフェードアウトしてから消えるようにしたいと考えています。
jquery を使用する場合、非常に簡単です。まず animate({ //Fade CSS}, function(){ //DOM}) を実行します。

でも反応してください。どうすればいいのかわかりません。コンポーネントdom全体が存在し、CSSアニメーションだけで表示・非表示を切り替えているだけなのでしょうか？

アドバイスをお願いします

Answer 1

ほとんどの場合、DOM 操作は必要ありません。React Add-Ons的ReactCSSTransitionGroup组件或ReactTransitionGroupコンポーネントを使用します:

• 反応アニメーション

Answer 2

反応コンポーネントのcomponentDidMountでjqを参照してアニメーションを書くことができます