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

Question

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

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

Answer 1

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

我使用 material-ui@0.17.1 和 React@15.4.2 实现了这个功能:

创建一个表元素并将 ref 设置为名称:

<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);
    });
}

这会给你表格的滚动事件。