Реагировать:Скрытый элемент ReactTransitionGroup не появляется снова

StackOverflow https://stackoverflow.com//questions/21051418

  •  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), то мне кажется, что он работает правильно.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top