Wrong Component using jQuery

my_wrong_component2.js

var myWrongComponent2 = React.createClass({
  changeVisibility: function(scroll){
    if (scroll >= 100) {
       $(".my-fixed-div").css('visibility', 'visible');
    }
    else{
       $(".my-fixed-div").css('visibility', 'hidden');
    }
  },
  handleScroll: function () {
    var scroll = $(window).scrollTop();
    // some logic ...

    this.changeVisibility(scroll);
  },
  componentDidMount: function () {
    document.addEventListener('scroll', this.handleScroll);
  },
  render: function(){
      return(<div className="fixed-div" />)
  }
});