My Wrong Component using jQuery

my_wrong_component.js

var myWrongComponent = React.createClass({
  changeVisibility: function(scroll){
    if (scroll >= 100) {
       $(".my-fixed-div").css('visibility', 'visible');
    }
    else{
       $(".my-fixed-div").css('visibility', 'hidden');
    }
  },
  componentDidMount: function () {

    $(window).scroll(function () {
      var scroll = $(window).scrollTop();
      // some logic ...
    }

      this.changeVisibility(scroll);
    }.bind(this));
  },
  render: function(){
      return(<div className="fixed-div" />)
  }
});