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

Question

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

标签： react-bootstrap-table

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!');