reactjs - 为什么div会闪烁？

Question

我是新手React Virtualized，对我的英语感到抱歉。这是我的代码笔链接：http ://codepen.io/anon/pen/xqGXwv?editors=0010 ，当我滚动到第 4 个 div 时，它在闪烁，有人可以帮我吗？

Answer 1

您忘记接受并设置style参数。此参数对于 react-virtualized 非常重要，因为它是向下滚动时定位行的位置。这是您的渲染功能，已修复：

  renderPage({index, key, style}) {
    const color = ['green', 'red', 'black', 'yellow'][index % 4]
    return (
      <div
        style={{ ...style, width: 400, height: 200, backgroundColor: color }}
        key={key}
      >
        No.{index + 1}
      </div>
    )
  }