爲什麼div閃爍？

Question

我是React Virtualized，我的英語很抱歉。 這是我的代碼筆鏈接：http://codepen.io/anon/pen/xqGXwv?editors=0010, 當我滾動到第四個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> 
    ) 
    }