反应:改变高度的组件的安装/卸载动画

Question

我试图动画一个组件的可变高度(不同的内部内容显示)。我试着用react-motion，但事先不知道身高的情况把我搞砸了。

我试图做的是，呈现封装在overflow hidden; height 0, transition height .25s div中的元素，测量它的高度，然后将包装器的高度设置为元素的高度。它起作用了，但很慢

我想这样做的反应方式，但未能找到一个解决方案时，元素高度是不需要事先。

一种解决方案是渲染它- -在-的某个地方，测量它的高度，然后将它应用到react-motion动画中。然而，这做了一个额外的渲染-我选择不使用这个解决方案。

有什么建议吗？

Answer 1

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