[react] React的事件和普通的HTML事件有什么不同

區別：

對于事件名稱命名方式，原生事件為全小寫，react 事件采用小駝峰

對于事件函數處理語法，原生事件為字符串，react 事件為函數

react 事件不能采用 return false 的方式來阻止瀏覽器的默認行為

合成事件是 react 模擬原生 DOM 事件所有能力的一個事件對象
優點：

兼容所有瀏覽器，更好的跨平臺

將事件統一存放在一個數組，避免頻繁的新增與刪除（垃圾回收）

方便 react 統一管理和事務機制

事件的執行順序為原生事件先執行，合成事件后執行，合成事件會冒泡綁定到 document 上，所以盡量避免原生事件與合成事件混用，如果原生事件阻止冒泡，可能會導致合成事件不執行，因為需要冒泡到document 上合成事件才會執行

?[react] 在React中怎么阻止事件的默認行為？

event.preventDefault();阻止瀏覽器默認行為， 例如標簽不跳轉
event.stopPropagation();阻止冒泡； 例如上級點擊事件不生效

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

總結

以上是生活随笔為你收集整理的[react] React的事件和普通的HTML事件有什么不同的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。