如何在React组件中添加滚动事件

Question

我正在使用React版本2.2。

我试过这样但不行。

`componentDidMount() {
    ReactDOM.findDOMNode(this.refs.table).addEventListener('scroll', this.listenScrollEvent);
}

componentWillUnmount() {
    ReactDOM.findDOMNode(this.refs.table).removeEventListener('scroll', this.listenScrollEvent);
}

listenScrollEvent() {
    console.log('Scroll event detected!');
}

render() {
    return (
        <table ref="table">
           [...]
        </table>
    )
}`

请建议我解决此问题的正确方法。

Answer 1

你需要在表的父级上监听事件滚动...比如窗口或具有滚动条的元素