React transition group TransitionGroup需要486秒才能删除500个组件

我正在使用

和

..

并且在CSS中所有转换都设置为

2000ms

如果我添加并删除少量条目，则按预期调用

onExited（）

大约需要2000毫秒

但是对于500个entires，在删除500个元素后的最后一个元素上调用

onExited（）

之前，需要TransitionGroup 48秒（chrome）或486秒（firefox）

为什么呢？这使得它对我的用例毫无用处

我已经创建了一个，它只是对的一个修改。有一个按钮可一次添加100个项目，还有一个“全部删除”按钮，用于向控制台打印从开始删除到最后一个元素调用

onExiting

和

onExited（）

所用的时间

这听起来像一个错误，但如果有什么我可以做不同的，那将是伟大的

---

如果这真的是一个bug，我想我可以用纯CSS来实现，但是现在，我不知道如何…

TransitionGroup的使用方式没有任何问题。我创造了：

在这里，我还概述了为什么在代码中我认为会发生这种情况，以及一次半途而废、不完整的修复尝试