divが点滅するのはなぜですか？

Question

私はReact Virtualizedに新しいです、そして、私の英語には申し訳ありません。 これは私のコードのペンのリンクです：http://codepen.io/anon/pen/xqGXwv?editors=0010、 私は4番目のdivにスクロールすると、それは点滅している、誰かが私を助けることができますか？

Answer 1

styleパラメータを受け入れて設定するのを忘れました。このパラメータは、スクロールダウンするときに行を配置するため、反応仮想化で非常に重要です。あなたのレンダー機能は固定です：

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> 
    ) 
    }