Css 设置高度动画的更好方法/备选方案

所以我有一个瓷砖列表，每个瓷砖都可以在下面展开一个盒子。当您展开此框时，应向下推下方的所有其他瓷砖，当您关闭可展开框时，向上移动。我通过设置可展开对象的高度动画来实现此效果。对于最后10个或更多的瓷砖，效果非常平滑，但是当切换最上面的瓷砖时，动画一点也不平滑，我如何修复这个问题？我正在使用React和他们的CSSTransitionGroup。

我还没有看到你的代码，但是也许你应该考虑用React切换类名，用CSS转换高度，这将是一种优雅的方法

这就是我目前正在做的，但是由于页面上的项目太多，第一个项目的动画非常滞后