تتفاعل:لا يظهر العنصر المخفي في ReactTransitionGroup مرة أخرى

Question

لدي مشكلة مع ReactTransitionGroup, ، حيث العنصر الذي كان للتو .superfade-leave-active يطبق، لا يطبق .superfade-enter بعد ذلك، عندما تطلب منه طريقة التجسيد ذلك.

http://jsfiddle.net/joecritch/6bpJD/3/

المنطق هو أن الرسالة المعروضة هي العنصر الأول في ReactTransitionGroup القائمة، وبلدي UserSearchResults المكون هو الثانييظهر الأخير فقط عند تحميل البيانات.(يتم الاستهزاء بالبيانات كمصفوفة في الأعلى، ويتم تحميلها بتأخير قدره 500 مللي ثانية.)

نتيجة مرغوبة: يظهر العنصر الأول عندما يكون هناك نص في القائمة؛تظهر الثانية دائمًا عند تحميل البيانات

نتيجة فعلية: العنصر الأول يعمل حسب الرغبة؛يظهر الثاني في البداية، ولكن بعد أي تغيير في النص بعد 500 مللي ثانية، يتم تحريكه بعيدًا.

ملحوظة: عند إزالة المكون المتحرك، فإنه يعمل كما هو متوقع.

Answer 1

يبدو أنك واجهت خطأً في React تم إصلاحه قبل بضعة أسابيع ولكنه لم يصل إلى الإصدار الأخير:

https://github.com/facebook/react/commit/c313a1045db0a81a704df14f5da60f3690441fbf

إذا قمت بتغيير jsfiddle الخاص بك لاستخدام بنية التفاعل الليلية (http://react.zpao.com/builds/master/latest/react-with-addons.js) ثم يبدو لي أنه يعمل بشكل صحيح.