react-window-infinite-loader无法与react-virtualized表一起使用

时间:2019-07-12 07:01:02

标签: reactjs react-virtualized

我尝试使用react-virtualized使用react-window-infinite-loader表:

       <AutoSizer disableHeight>
          {(sizer) => {
            return (
              <InfiniteLoader
                isItemLoaded={(index) => { console.log(index); return !!source[index]}} // // nothing hapens
                loadMoreItems={props.onLoadMoreItems}
                itemCount={props.itemCount}
              >
                {(infineteLoader) => (
                  <Table
                    headerClassName={styles.headerColumn}
>>                  onItemsRendered={(props)=>console.log(props) /*infineteLoader.onItemsRendered*/} // nothing hapens
                    ref={infineteLoader.ref}
                    headerHeight={ROW_HEIGHT}
                    height={height}
                    noRowsRenderer={() => <div className={styles.empty}>{props.emptyText}</div>}
                    rowClassName={styles.row}
                    rowHeight={ROW_HEIGHT}
                    rowGetter={(info) => source[info.index]}
                    rowCount={source.length}
                    width={sizer.width}
                  >
                    {props.children}
                  </Table>
                )}
              </InfiniteLoader>
            )
          }}
        </AutoSizer>

0 个答案:

没有答案