Реагировать:Скрытый элемент ReactTransitionGroup не появляется снова
-
22-12-2019 - |
Вопрос
у меня проблема с ReactTransitionGroup
, при этом элемент, который только что имел .superfade-leave-active
применяется, не применяется .superfade-enter
после этого, когда метод рендеринга скажет об этом.
http://jsfiddle.net/joecritch/6bpJD/3/
Логика заключается в том, что отображаемое сообщение является первым элементом в ReactTransitionGroup
список и мой UserSearchResults
компонент второй.Последнее появляется только при загрузке данных.(Данные отображаются в виде массива вверху и загружаются с задержкой 500 мс.)
Желаемый результат: первый элемент появляется всякий раз, когда в списке есть текст;секунда всегда появляется всякий раз, когда загружаются данные
Фактический результат: первый элемент работает по желанию;второй сначала отображается, но затем после любого изменения текста через 500 мс он анимируется.
Примечание: Когда компонент анимации удален, он работает как положено.
Решение
Похоже, вы столкнулись с ошибкой в React, которая была исправлена несколько недель назад, но не вошла в последнюю версию:
https://github.com/facebook/react/commit/c313a1045db0a81a704df14f5da60f3690441fbf
Если я изменю ваш jsfiddle на использование ночной сборки реакции (http://react.zpao.com/builds/master/latest/react-with-addons.js), то мне кажется, что он работает правильно.