React：安装/卸载具有可变高度的组件的动画

Question

我正在尝试为具有可变高度（要显示的内部内容不同）的组件设置动画。我试图使用react-motion，但事先对身高的不了解使我搞砸了。

我尝试做的是将元素包裹在overflow hidden; height 0, transition height .25s div中，测量它的高度，然后将包装器的高度设置为元素的高度。它有效，但是有点滞后

我想以React方式执行此操作，但在事先不需要元素高度时未能找到解决方案。

一种解决方案是渲染它 - 某处 - 测量它的高度，然后将其应用于react-motion动画。但是，这会产生额外的渲染 - 我选择不使用此解决方案。

有什么建议吗？

Answer 1

react-collapse就是这个问题的答案。