React Virtualized List исчезает при прокрутке вниз - PullRequest
Новая
       20

React Virtualized List исчезает при прокрутке вниз

0 голосов
/ 04 января 2019

Когда я прокручиваю свой виртуальный список React, строки исчезают, но когда я использую полосу прокрутки, проблема не возникает.

Был в версии 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>
...