Javascript React虚拟化-滚动一长串itsm后屏幕变为空白

我正在处理一长串的项目。为此，我使用react virtualized（）。但我面临以下问题

---

当我尝试滚动到底部2秒时，它是空白的，然后数据被加载。它不是很光滑。这是CodeSandBox链接。

正如我在本用例中检查的那样，我们不应该像在上使用的那样在滚动时为

行渲染器重新装载根div:
，因此这应该解决性能问题：

function rowRenderer({ key, index, isScrolling, style }) {
  const content = isScrolling ? (
    <div>Scrolling...</div>
  ) : (
    <ListItem idx={index} item={airports[index]} />
  );
  return (
    <div key={key} style={style}>
      {content}
    </div>
  );
}

函数行渲染器（{key，index，isScrolling，style}）{
常量内容=isScrolling(
滚动。。。
) : (
);
返回(
{content}
);
}