我按照这篇文章的指示
Update style of a component onScroll in React.js为滚动事件注册事件监听器.
Update style of a component onScroll in React.js为滚动事件注册事件监听器.
我有一个React组件,它从React-Bootstrap库https://react-bootstrap.github.io/中呈现一个Table组件
我想我正确地注册了事件监听器,但我不确定为什么当我向下滚动表时,我的handleScroll()回调没有被调用.是因为事件监听器没有在实际表本身上注册吗？
感谢您花时间阅读我的问题.任何反馈都表示赞赏.
这是我如何注册事件监听器的片段.
handleScroll: function(event) {
console.log('handleScroll invoked');
},componentDidMount: function() {
console.log('componentDidMount invoked');
window.addEventListener('scroll',this.handleScroll);
},componentWillUnmount: function() {
console.log('componentWillUnmount invoked');
window.removeEventListener('scroll',
这是我的渲染功能的片段.
render: function() {
var tableRows = this.renderTableRow(this.props.sheet);
return (
<Table striped bordered condensed hover>
<TableHeaderContainer
tableTemplateName={this.props.tableTemplateName}
sheetName={this.props.sheet.name}/>
<tbody>
{tableRows}
</tbody>
</Table>
);
}
