【发布时间】：2017-01-19 16:56:33
【问题描述】：
我已经设法渲染了一个react-virtulized List，我将一个react-bootstrap Panels 数组传递给了它。我测量了每一行，并通过子回调，每次单击其中一个子面板时，都会更新父状态中的属性。所述属性在react-virtualized ListrowHeight() 函数内部使用顶部检查该面板当前是否展开。然后，使用ref 到我的List，我调用了recomputeRowHeights(index) 和forceUpdateGrid() 上的方法 saidref。
问题是，虽然 List 组件正确更新了行的高度和位置，但动画并不流畅。我的意思是，引导展开动画效果很好，但是展开行的高度变化在点击事件之后立即发生，然后动画开始，感觉有点断断续续。
我想知道是否有任何解决方法，或者这是否是 react-virtualized 即将推出/计划中/正在开发中的功能。
提前致谢！！
【问题讨论】：
-
嘿拉米罗！不幸的是，我没有花太多时间在 react-virtualized 中处理或优化调整大小的动画。在您提到的情况下，听到调整大小/重新定位有点不稳定，我并不感到惊讶。如果您能以 Plnkr（或类似人员）的身份与我分享您的实现，我很乐意看看并提出任何建议。
-
@brianvaughn 非常感谢布赖恩！！这是我能做的更好plunk。对于您将要看到的灾难，我深表歉意 xD 当我从原始项目中缩小它时，我很可能错过了一些东西，尽管我希望不会。再次感谢您抽出时间！
-
没问题。这是添加动画的一种方法的简单粗暴示例：plnkr.co/edit/VanCAQmSkUejp3hbJUyJ?p=preview。不意味着没有错误，只是一个插图。 :D
-
哇！感谢您抽出宝贵的时间完成这项工作，这绝对给了我一些想法。
-
也许您可以将其添加为答案以便我接受？
标签： reactjs react-bootstrap react-virtualized