当我向下滚动我的React Virtualized List时,行消失了,但是当我使用滚动条时,问题就不存在了。
版本为9.21,下降到9.0,此问题仍在发生。另外,通常存在导致此问题的样式。
<div className={classes.root} >
<VirtualizedList
width={345}
height={300}
rowCount={this.state.filteredPlaces.length}
rowHeight={40}
rowRenderer={({ key, index, isScrolling, isVisible, style }) => {
const place = this.state.filteredPlaces[index]
const item = (
<ListItem
key={place.name + counter}
dense
button
style={{ paddingLeft: place.type == "neighborhood" ? "20px" : "10px", height: "40px" }}>
<Checkbox
onChange={() =>
this.handleChange(place)}
value={place.name}
checked={this.state.chosenPlaces.includes(place.name)}
/>
<ListItemText primary={`${place.displayName}`} />
</ListItem>
)
return (
<div key={key} style={style}>
{item}
</div>
)
}}
/>
</div>