在react-bootstrap-table-next中检测onScrollEndReached

Question

我想知道是否有一种方法可以检测到何时滚动到达react-bootstrap-table-next中的底部，以便可以从api获取新数据。

Answer 1

是的。

使用window.AddEventListener。 例如：

useEffect(() => {
    window.AddEventListener('scroll', handleScroll);
    return () => window.RemoveEventListener('scroll', handleScroll);
}, []);

function handleScroll() {
    if (window.innerHeight + document.documentElement.scrollTop !== document.documentElement.offsetHeight) return;
    console.log('Bottom of table detected, fetch more items!');