Warum divs blinken?

Question

Ich bin neu in React Virtualized, und Entschuldigung für mein Englisch. Dies ist mein Code Stift Link: http://codepen.io/anon/pen/xqGXwv?editors=0010, wenn ich bis zum 4. Div blättern, es blinkt, könnte mir jemand helfen?

Answer 1

Sie haben vergessen, den Parameter style zu akzeptieren und einzustellen. Dieser Parameter ist sehr wichtig für reaktionsvirtualisiert, da er die Zeilen beim Scrollen nach unten positioniert. Hier ist Ihre Renderfunktion, behoben:

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