Reactjs 在react虚拟化列表中使用可折叠面板

我已经成功地呈现了一个

react虚拟化列表

，我将

react引导面板的数组传递给该列表

。我测量了我的每一行，通过children回调，每次单击一个子面板时，父状态的属性都会更新。所述属性用于

react virtualized List

rowhight（）

函数顶部检查该面板当前是否已展开。然后，在我的

列表中使用
ref
，调用所述
ref
上的
重新计算权重（索引）
和
forceUpdateGrid（）
方法

问题是，虽然列表组件正确地更新了行的高度和位置，但动画并不平滑。我的意思是，引导展开动画工作正常，但展开行的高度变化在单击事件之后立即发生，然后动画开始，感觉有点不自然

我想知道是否有解决方法，或者这是否是
react virtualized
即将推出/计划中/正在使用的功能

提前感谢
 不幸的是，我没有花太多时间在react虚拟化中处理或优化调整动画大小。听到您提到的情况下，调整大小/重新定位有点不稳定，我并不感到惊讶

下面是一个快速而肮脏的添加动画方法的示例：plnkr.co/edit/VanCAQmSkUejp3hbJUyJ？p=preview。这并不意味着没有bug，只是一个例子嘿，拉米罗！不幸的是，我没有花太多时间在react虚拟化中处理或优化调整动画大小。听到您提到的情况下，调整大小/重新定位有点不稳定，我并不感到惊讶。如果你能以Plnkr（或类似的）身份与我分享你的实现，我很乐意看一看并提出建议。@brianvaughn非常感谢Brian！！这是我能做的最好的。我很抱歉，在先进的灾难，你将看到xD它很可能是我错过了什么，当我缩小了它从原来的项目，虽然我希望不是。再次感谢你抽出时间来做这件事！没问题。下面是一个快速而肮脏的示例，说明了添加动画的一种方法：。这并不意味着没有bug，只是一个例子哇！谢谢你花时间来完成这件事，它确实给了我一些想法。也许你可以加上它作为一个答案，这样我就可以接受了？