React-virtualized List滚动变得疯狂，Autosizer不起作用

Question

当我滚动时，列表的滚动会变得疯狂，即使我不做任何事情，它也会随后抖动。你可以在这里看到：https://imgur.com/SdgMf7f（抱歉嵌入那个gif在这里不起作用）

我做了一个最小的例子，它发生在：

https://codesandbox.io/s/4r2q3omv1w

我确实将样式传递给了行。

此外，如果您更改列表的高度和宽度以从Autosizer获取值，则列表不会出现，即使这看起来与example完全相同。

任何想法如何解决这两个问题？

编辑：它似乎在Firefox中运行得更好，但我自己的代码仍然有点跳跃，而且代码框的滚动仍然不完美。 （即使在隐姓埋名的情况下，它在Chrome中也会超级跳跃）。

Answer 1

似乎问题与2个问题有关：

• 没有委托height和width从<AutoSizer>到<List>
• 行高定义为50但实际渲染高度更高 - 来自docs：请注意，行没有垂直溢出非常重要。它会使列表滚动变得困难（因为单个项目将拦截滚动事件）

这是一个有效的例子：https://codesandbox.io/s/jppm1mmo83