我是React Virtualized
的新手,对不起我的英语。
这是我的代码笔链接:http://codepen.io/anon/pen/xqGXwv?editors=0010,
当我滚动到第4个div时,它会闪烁,有人可以帮助我吗?
答案 0 :(得分:0)
您忘记接受并设置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>
)
}