如何使用动态子级高度为div的高度设置动画

Question

我有一个div，里面有动态文字。如何为div的高度设置动画，以便添加新的文本行不会导致此丑陋的“跳转”。

我尝试过transition: height 1s ease-out;，但是如果没有设置height并且内容具有动态高度，则无法使用。

感谢任何提示专业指导。 PS：我想避免为此使用额外的JS。而且我使用React，所以如果需要JS，您知道任何React友好的方式吗？。

非常感谢。