我设法渲染react-virtulized List我传递了一个react-bootstrap Panels数组。我已经测量了每一行，并且通过子回调，每次单击其中一个子面板时，都会更新父状态中的属性。所述属性在react-virtualized List rowHeight()函数内部使用，检查该面板当前是否已展开。然后，使用ref到我的List，我在recomputeRowHeights(index)上调用forceUpdateGrid()和ref方法。
事情是，虽然List组件正确地更新了我的行的高度和位置，但动画并不平滑。我的意思是，引导程序扩展动画工作正常，但扩展行的高度变化在点击事件后立即发生，然后动画开始，感觉有点混乱。
我想知道是否有任何解决方法，或者这是react-virtualized的即将推出/计划/正在使用的功能。
先谢谢!!
答案 0 :(得分：2)
不幸的是，我没有花太多时间在反应虚拟化中使用或优化resize动画。听到你提到的调整大小/重新定位有点不稳定，我并不感到惊讶。
以下是您可以添加动画的一种方法的快速例子：plnkr.co/edit/VanCAQmSkUejp3hbJUyJ?p=preview。并不意味着没有bug，只是一个例子。 ：d