質問

ReactTransitionGroupに問題があり、.superfade-leave-activeが適用されている要素は、レンダリングメソッドがそれを言っているときに.superfade-enterを適用しません。

http://jsfiddle.net/joecriitch/6bpjd/3/

ロジックは、表示されているメッセージがReactTransitionGroupリストの最初の項目であり、My UserSearchResultsコンポーネントは2番目です。後者はデータがロードされたときにのみ表示されます。(データは上部の配列としてモキスされ、500msの遅延がロードされます。)

望ましい結果:リストにテキストがあるときはいつでも最初の要素が表示されます。2つ目は常にデータがロードされたときに表示されます

実際の結果:最初の要素が必要に応じて機能します。2番目に開始されていますが、500ミリ秒後にテキストが変更された後、それはアニメートします。

注:アニメートコンポーネントを削除すると予想通りに機能します。

役に立ちましたか?

解決

あなたが数週間前に修正された反応のバグに遭遇したように見えますが、最新のリリースにしませんでした:

jsfiddleを変える場合は、毎晩Reactのビルドを使用する場合( http://react.zpao.com/builds/master/latest/React-with-Addons.js )その後正しく機能するように見えます。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top