更好的方式/替代动画高度

Question

所以我有一个图块列表，每个图块都可以在其下方展开一个框。展开此框时，应将下方的所有其他图块向下推，关闭可展开框时，请向上移动。我通过动画可扩展的高度来实现这种效果。使用最后 10 个或 sth 瓦片，它的工作非常流畅，但是当切换最上面的瓦片时，动画根本不流畅，我该如何解决这个问题？我正在使用 React 和他们的 CSSTransitionGroup。

Answer 1

我还没有看到您的代码，但也许您应该考虑使用 React 切换 className 并使用 CSS 进行高度转换，这将是一种优雅的方式。