React でコンポーネントのアニメーション効果を記述するにはどうすればよいですか?たとえば、単純なダイアログ ボックスの場合、[キャンセル] をクリックした後、ダイアログ ボックスが最初にフェードアウトしてから消えるようにしたいと考えています。
jquery を使用する場合、非常に簡単です。まず animate({ //Fade CSS}, function(){ //DOM}) を実行します。
でも反応してください。どうすればいいのかわかりません。コンポーネントdom全体が存在し、CSSアニメーションだけで表示・非表示を切り替えているだけなのでしょうか？
アドバイスをお願いします
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ほとんどの場合、DOM 操作は必要ありません。
React Add-Ons的ReactCSSTransitionGroup组件或ReactTransitionGroupコンポーネントを使用します:反応アニメーション
反応コンポーネントのcomponentDidMountでjqを参照してアニメーションを書くことができます