Как узнать, как реализовывать автоматическое отслеживание с помощью реагирующей виртуализации

Question

Я использую List и WindowScroller в реакции виртуализации для отображения журналов. Похоже, что нет хорошего способа реализовать автоматическое следование. Кажется, довольно просто прокрутить до конца с помощью scrollToIndex. Но довольно сложно понять, находимся ли мы в нижней части страницы. document.body.clientHeight намного меньше, чем scrollTop, предоставленное WindowScroller. Как мы могли бы реализовать эту функцию? Спасибо.

Answer 1

вы можете использовать реквизит scrollToIndex, когда его значение равно количеству строк

  render(): React.Element<AutoSizer> {
const { data, ...otherProps } = this.props;
return (
  <AutoSizer onResize={this.onResizeHandler}>
    {({ width, height }) => (
      <List
        {...otherProps}
        deferredMeasurementCache={this.cache}
        rowHeight={this.cache.rowHeight}
        rowCount={data.length}
        forceUpdateGrid={data}
        rowRenderer={this.rowRenderer}
        scrollToIndex={data.length - 1}
        onScroll={this.onScrollHandler}
        height={height}
        width={width}
      />
    )}
  </AutoSizer>
);

}