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