javascript - Material UI 监听桌面上的滚动(React)

Question

我有一个表格，其主体尺寸已固定，如 Material UI 中所述。 我想监听表格的滚动事件以加载更多行。

聆听此卷轴的最佳方法是什么？

Answer 1

尝试了第一个解决方案，但它不适用于我的实现。

我使用[email protected]得到了这个工作和 [email protected] :

创建一个表格元素并将引用设置为名称:

<Table>
    ...
    <TableBody ref="table-body">
        ...
    </TableBody>
</Table>

在componentDidMount中，使用ReactDOM.findDOMNode找到DOMNode:

componentDidMount() {
    let tableBodyNode = ReactDOM.findDOMNode(this.refs["table-body"]).parentNode.parentNode;

    tableBodyNode.addEventListener('scroll', (e) => {
        console.log(e);
    });
}

这将为您提供表格的滚动事件。