說說React中onClick綁定后的工作原理
說說React中onClick綁定后的工作原理
首先react有自己的事件系統,也是遵循w3c的,這個事件系統的名稱叫做合成事件(SyntheticEvent),而其自定義事件系統的動機主要包含以下幾個方面
抹平不同瀏覽器之間的兼容性差異。最主要的動機。
件合成既可以處理兼容性問題
提供一個抽象的跨平臺事件機制
可以做更多優化
可以干預事件的分發
當給組件(元素)綁定onClick事件之后
react會對事件先進行注冊,將事件統一注冊到document上
根據組件唯一的標識key來對事件函數進行存儲
統一的指定dispatchEvent回調函數
儲存事件回調:react會將click這個事件統一存到一個對象中,回調函數的存儲采用鍵值對(key/value)的方式存儲在對象中，key 是組件的唯一標識 id，value 對應的就是事件的回調函數,通過組件的key就能回調到相應的函數了
相關推薦HOT
更多>>
SEO優化
SEO優化，1、合理的title、description、keywords：搜索對著三項的權重逐個減小，title值強調重點即可;description把頁面內容高度概括，不可過...詳情>>
2023-04-03 15:11:51
Python數據生產器
Python數據生產器,在軟件開發、測試或者數據分析過程中，有時候會需要一些測試數據。做測試的時候，需要模擬真實的環境，但是又不能直接使用真...詳情>>
2023-03-28 15:56:13
Java集合是什么？Java集合詳解
Java集合是Java編程語言中的一個重要概念，用于存儲、管理和處理數據。Java集合框架提供了一組接口和類，用于實現常見的數據結構，如列表、棧、...詳情>>
2023-03-20 19:12:47
js查找字符串中指定字符的位置
另外，如果要查找一個字符串中所有出現的指定字符的位置，可以使用indexOf()方法結合循環來實現。然后，我們使用循環遍歷字符串中的每一個字符...詳情>>
2023-03-10 14:06:35
京公網安備 11010802030320號