我正在使用<TransitionGroup/>和<CSSTransition timeout={2000}>...，并且所有转换都在CSS中设置为采用2000ms。
如果我添加然后删除少量条目，则按预期调用onExited()大约需要2000毫秒。
但是使用500个整数，在删除500个元素之后，在最后一个元素上调用onExited()之前，TransitionGroup需要48秒（chrome）或486（!!!！）（firefox）。
为什么？这对于我的用例来说毫无用处。
我创建了一个sandbox example，它只是TransitionGroup example对doc的修改。有一个按钮可以一次添加100个项目，还有一个“全部删除”按钮，该按钮打印到控制台从开始删除到在最后一个元素上同时调用onExiting和onExited()所花费的时间。
在我看来，这像是个错误，但是如果我可以做一些不同的事情，那就太好了。
如果确实是一个错误，我想我可以使用纯CSS做到这一点，但是现在，我不知道如何...
我正在使用
使用TransitionGroup的方式没有错。我创建了：