React簡介

React是有Facebook開發(fā)出來用于構(gòu)建前端界面的JS組件庫，由于其背后的強大背景，使得這款庫在技術(shù)開發(fā)上完全沒有問題。

React的優(yōu)勢

前言

大家都可能會遇到這樣的問題，那就是滾動事件 。比較獲取div的滾動事件，在ReactJS想要給div添加一個滾動事件，那基本上是添加不上的(可能是我的能力有限吧，反正我到目前為止，還沒有找到可以直接給DIV添加滾動事件的）。

要想實現(xiàn)滾動，那就必須得componentWillMount里注冊scroll事件， window.addEventListener(‘scroll', this.onScroll.bind(this)) ，添加事件非常容易的就添加上了。

在componentWillUnmount 里刪除 window.removeEventListener(‘scroll', this.onScroll.bind(this))  。

添加容易，刪除難，上面那種 remove是刪除不了的。在其它頁面里，如果你滾動也會觸發(fā) onScroll里的事件，此時就會報錯，說組件已經(jīng)卸載，不能進行操作，檢查一下代碼等等吧。

我想肯定有遇到了，也有解決的辦法，果真找到了一篇文章移除 scroll 辦法的。

代碼如下：

componentDidMount() { regScroll(this.handler.bind(this)); //window.addEventListener('scroll', this.handler.bind(this),false)}componentWillUnmount() { window.onscroll = ''; //window.removeEventListener('scroll', this.handler.bind(this),false)} //添加事件監(jiān)聽function regScroll(myHandler) { if (window.onscroll === null) { window.onscroll = myHandler } else if (typeof window.onscroll === 'function') { var oldHandler = window.onscroll; window.onscroll = function () { myHandler(); oldHandler(); } }}//刪除所有事件監(jiān)聽function removeScrollHandler(){ window.onscroll=''}

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，如果有疑問大家可以留言交流，謝謝大家對錯新站長站的支持。