問題タブ [reactcsstransitiongroup]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
1579 参照

reactjs - React によるアニメーション

複雑なアニメーションを作成する必要があります。jQuery や VanillaJS で開発するのはクールでしたが、React では別の方法を選択する必要があると思います。Google から ReactCSSTransitionGroup が提供されましたが、壊れていてメンテナンスされていないようです (このメッセージによると: github.com )。たとえば、アニメーションを開始する前に遅延することはできません。

React-motion というライブラリも見つけましたが、実際に必要なツールかどうかはわかりません。そこでお聞きしたいのですが、お勧めできるものはありますか?おそらく、VanillaJS を使用する必要があります (refs およびその他の ReactDOM 関数を使用)。または、別のアプローチがありますか?前もって感謝します。

0 投票する
1 に答える
5862 参照

reactjs - React CSS Transition Group が機能していませんか?

この問題の単純さをお詫びしますが、私は React を初めて使用し、単純な CSSTransitionGroup を実装して要素を表示/非表示にしようとしていますが、フェード、スライドなどを使用しています。ドキュメントは非常に単純に見えますが、何らかの理由で次のコード私にはうまくいきません。

.box が存在するかどうかを切り替えますが、開始時と終了時に CSS トランジションが配置されていません。

この基本的なデモが他のオンラインの例で機能しているのを見ることができますが、自分自身を複製することはできません。CSS トランジションを取得する方法を教えてください。

Thxインターネット