在Android 5.0棒棒糖中，ReactCSTranssitionGroup未从dom中删除元素

在安卓5.0上，ReactCSStransitongGroup似乎间歇性工作。在第一次应用程序启动时，ReactCSStransitongGroup将成功地从dom中删除元素。然后，当应用程序被终止并重新打开时，ReactCSStransitongGroup将不会从dom中删除元素

类名“example enter example enter active”保留在dom中，不会删除元素

以下是ReactCSTransanitionGroup的代码：

        return (
            <main id="main" className="main_flow_frame">
                <ReactCSSTransitionGroup transitionName="example" className={className} transitionEnter={animate}>
                    {this.state.components}
                </ReactCSSTransitionGroup>
            </main>
        );

---

任何帮助都将不胜感激。谢谢

当前，ReactCSTranslationGroup存在一些问题，其中transitionEnd无法正确启动（例如当选项卡失去焦点时）

我通过使用Khan的Academy实现修复了它，该实现使用了setTimeout。这是一个替代品

---

我不确定它是否能解决你在安卓系统中的问题，但值得一试

嗯……我会投一千次的票！说真的，react中的动画状态很差：/

.transitionA .example-enter {
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0); /* IE 9 */
  transform: translate3d(100%, 0, 0);
  -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
  transition:         all 600ms cubic-bezier(0.19, 1, 0.22, 1);
  z-index:9999; 
}

.transitionB .example-enter {
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0); /* IE 9 */
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
  transition:         all 600ms cubic-bezier(0.19, 1, 0.22, 1); 
}

.example-enter.example-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); /* IE 9 */
  transform: translate3d(0, 0, 0);
}

.example-leave {
  opacity: 1;
  -webkit-transition: opacity .15s ease-in;
  transition: opacity 0.15s ease-in;
 }

.example-leave.example-leave-active {
  opacity: 0.01;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity 0.2s ease-in;
}