0

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 関数を実装する簡単な方法はありますか?

4

1 に答える 1

3

ラインで

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

私はあなたが代わりに意味したと推測しています：

window.addEventListener('scroll', this.handleScroll);
于 2014-06-23T20:40:25.087 に答える