在 reactjs(JSX) 中使用事件监听器

Question

我正在尝试学习 Reactjs，但我无法解决。 我想将粘性标题类添加到使用 Reactjs 呈现的表中，但我没有使用此代码/伪代码取得任何成功。

handleScroll: function(e){
  var header = this.root.querySelector('.header');
var origOffsetY = header.offsetTop;
  window.scrollY >= origOffsetY ? header.addClass('sticky'): header.removeClass('sticky');
},

componentDidMount : function(){
window.addEventListener('handleScroll',this.handleScroll);
},

我正在尝试使用这个 Javascript 函数：

<script>
var header = document.querySelector('.header');
var origOffsetY = header.offsetTop;

function onScroll(e) {
  window.scrollY >= origOffsetY ? header.classList.add('sticky') :
                                  header.classList.remove('sticky');
}

document.addEventListener('scroll', onScroll);
</script>

但我没有取得任何成功。有没有更简单的方法在 Reactjs 中实现 javascript 函数？

Answer 1

排队

window.addEventListener('handleScroll', this.handleScroll);

我猜你的意思是：

window.addEventListener('scroll', this.handleScroll);