reactcsstransitiongroup

0熱

1答えて

ReactCSSTransitionGroupが変換のために適切にアニメートされていません

私はルート間にアニメーションを追加することができます。しかし、私は次のように簡単な何かをしようとすると： var IntroSection = React.createClass({ render: function(){ return( <div id = "intro"> <ReactCSSTransitionGroup transitionName="i

9熱

2答えて

ReactCSSTransitionGroupは、新しいコンポーネントでアニメーション化するだけでいいですか？

ReactCSSTransitionGroupはうまく機能しています（私はそう思います）。新しく実装されたコンポーネントは、すべての栄光の中でフェードインします。問題は、コンポーネントが最終的に私は、ビューポートの内と外というのが私のコンポーネントの移行を希望するのでちょうど突然私のために、問題が消える置き換えるされているということです... 私は、任意の見ていないようですエレガントに消える方法

11熱

2答えて

すべての履歴状態に対して反応ルータルーティングコンポーネントを維持する

私はCordovaでモバイルアプリケーションを作成します。 [email protected] + ReactCSSTransitionGroupを使用して、「カードデッキ」アニメーションを実装します。私は循環リンクの可能性のない厳密なルートツリーを持っています。パフォーマンスを向上させ、以前のルートコンポーネントの状態を保存するには、ポップステートまたはリプレースト状態でのみアンマウントするこ

3熱

1答えて

ReactCSSTransitionGroupアニメーションが動作しないままにする

ReactCSSTransitionGroupで動作するアニメーションを取得できません。私はDOM -ENTERと-leaveスタイルルート変更に適用されているだけ-ENTER両方を見れば .fade-enter { opacity: 0.01; } .fade-enter.fade-enter-active { opacity: 1; transition: o

11熱

3答えて

コンポーネント間でアニメーションの反応を反応させよう

次のコンポーネントをDOMに追加してフェードインする前に、最初のコンポーネントがフェードアウトしてDOMから削除される2つのコンポーネントの間でアニメートしたいと思う。 DOMは古いコンポーネントが削除される前に領域を占有します。 http://jsfiddle.net/phepyezx/4 // css snippet .switch-enter { opacity: 0.01;

2熱

1答えて

ReactCSSTransitionGroup - componentWillLeave（コールバック）をオーバーライドする方法？

移行中の<Home>コンポーネントの子ではないキャンバス要素をフェードアウトするために、componentWillMountフックにアクセスしようとしています。（。予想通り<Home>のアニメーション自体は動作します） <ReactCSSTransitionGroup transitionName="screenTrans" transitionEnterTimeout={200} transi

4熱

1答えて

ReactCSSTransitionGroup leave no Effect

私の状態のアイテムの配列をReactCSSTransitionGroupでアニメーションしようとしています。 appearとenterのクラスは正常に動作しますが、leaveクラスはトリガーされません。 return ( <ReactCSSTransitionGroup transitionAppearTimeout={2000} transitionEnterTimeout={10000}

7熱

4答えて

テストでReactのCSSTransitionGroupを無効にする

DOMに表示されるとき、またはDOMから離れるときに要素をアニメートするにはCSSTransitionGroupを使用しています。それはうまくいく。今、このコンポーネントをユニットテストしたいと思います。私は一時的なDOMノードを作成して、<body>に接続し、コンポーネントをレンダリングしてから、いくつかの処理を実行します。その結果、私は子供のDOMノードが消滅することを期待しています。問題