首頁 > web前端 > js教程 > 主體

React事件系統知識

一个新手
發布: 2017-09-21 10:45:15
原創
1636 人瀏覽過

React基於虛擬DOM實作了一個合成事件層,我們所定義的事件處理器會接受到一個合成事件層物件的實例,它完全符合W3C標準,不會有任何IE標準的兼容性問題。並且和原生的瀏覽器事件一樣擁有同樣的接口,同樣支援事件的冒泡機制。所有事件都會自動綁定到最外層。

  • 合成事件的實作機制

    #React不會把事件處理函數直接綁定到真實的節點上。而是把所有事件綁定到結構的最外層,使用一個統一的事件監聽器,這個事件監聽器維持了一個映射保存所有元件內部的事件監聽和處理函數。當有事件發生的時候,先由這個事件監聽器處理,然後事件監聽器在映射裡面找到真正的事件處理函數並呼叫。這樣做簡化了事件處理和回收機制,效率很大的提升了。

在React中使用DOM原生事件時,一定要在元件卸載的時候,手動移除,否則可能會出現記憶體洩漏的問題,而在使用合成事件系統的時候,則不需要,因為React內部已經幫你妥善處理好這些問題了。

雖然合成事件能夠解決記憶體洩漏的問題,但是在某些情況下,還是必須使用原生的時間才能實現。不要講合成事件和原生事件混用,但也可以透過e.target判斷來避免。實際上,React的合成事件系統只是原生DOM事件系統的子集。

#

以上是React事件系統知識的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!