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

Question

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

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

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

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

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

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

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

Answer 1

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

• 未将height和width从<AutoSizer>委托给<List>

• 行高定义为50，但实际渲染高度更高 -

    

  来自docs：请注意，行没有垂直溢出非常重要。它会使列表滚动变得困难（因为单个项目将拦截滚动事件）

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