検索

ホームページ  >  に質問  >  本文

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

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

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

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

世界只因有你世界只因有你2742日前724

全員に返信(2)返信します

  • PHP中文网

    PHP中文网2017-05-18 11:00:34

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

    • 反応アニメーション

    返事
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-18 11:00:34

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

    返事
    0
  • キャンセル返事