React:React Transition Group Hidden Elementが表示されません
-
22-12-2019 - |
質問
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 )その後正しく機能するように見えます。
所属していません StackOverflow