如何通过react-virtualized了解实现自动跟随

Question

我在反应虚拟化中使用List和WindowScroller来显示日志。似乎没有好的方法来实现自动跟随。使用scrollToIndex滚动到底部似乎很容易。但很难知道我们是否位于页面底部。 document.body.clientHeight远小于scrollTop提供的WindowScroller。我们怎么能实现这个功能？谢谢。

Answer 1

当他的值等于你的行数时，你可以使用prop“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>
);

}