반응하다:ReactTransitionGroup 숨겨진 요소가 다시 나타나지 않습니다.

문제

문제가 있습니다 ReactTransitionGroup, 이에 따라 방금 가져온 요소는 .superfade-leave-active 적용됨, 적용되지 않음 .superfade-enter 그 후, render 메소드가 이를 지시할 때.

논리는 표시된 메시지가 ReactTransitionGroup 목록, 그리고 내 UserSearchResults 구성 요소는 두 번째입니다.후자는 데이터가 로드될 때만 나타납니다.(데이터는 상단에 배열로 모의되어 있으며 500ms 지연으로 로드됩니다.)

원하는 결과: 목록에 텍스트가 있을 때마다 첫 번째 요소가 나타납니다.초는 데이터가 로드될 때마다 항상 나타납니다.

실제 결과: 첫 번째 요소는 원하는 대로 작동합니다.두 번째는 처음에 표시되지만 500ms 후에 텍스트가 변경되면 애니메이션이 사라집니다.

메모: 애니메이션 구성 요소가 제거되면 예상대로 작동합니다.

해결책

몇 주 전에 수정되었지만 최신 릴리스에는 포함되지 않은 React의 버그를 만난 것 같습니다.

야간 반응 빌드를 사용하도록 jsfiddle을 변경하면(http://react.zpao.com/builds/master/latest/react-with-addons.js) 그러면 올바르게 작동하는 것 같습니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow