在 React 中，你可以使用不同的事件處理器（Event Handlers）來響應各種事件。以下是一些常見的事件處理器，以表格方式呈現：
| 事件 | 說明 | 使用情境 |
| onClick | 當元素被點擊時 | 按鈕、連結、圖像等元素的點擊事件 |
| onChange | 當輸入元素的值發生變化時觸發 | 文本輸入框、下拉選單等表單元素的值變化事件 |
| onSubmit | 當表單提交時觸發 | 表單提交事件 |
| onFocus | 當元素獲得焦點時觸發 | 元素獲得焦點的事件，通常用於改變元素樣式或顯示提示信息 |
| onBlur | 當元素失去焦點時觸發 | 元素失去焦點的事件，通常用於驗證輸入或執行其他操作 |
| onMouseEnter | 當滑鼠進入元素區域時觸發 | 通常用於顯示浮動提示或改變元素樣式 |
| onMouseLeave | 當滑鼠離開元素區域時觸發 | 通常用於隱藏浮動提示或恢復元素樣式 |
onKeyPress, onKeyDown, onKeyUp | 鍵盤事件 | 捕捉和處理鍵盤事件，用於快捷鍵、表單提交等操作 |
onDragStart, onDragEnd, onDragOver, onDrop | 拖放事件 | 用於實現拖放操作，例如拖動元素或檔案的上傳 |
| onScroll | 捲動事件 | 監聽元素的捲動，用於實現無限滾動等功能 這些事件處理器可以用於不同的情境，根據你的需求選擇適當的事件處理器來處理相應的事件。此外，你可以透過函數或方法來設置這些事件處理器，以執行自定義的操作。 |
這只是其中的一部分，還有許多其他的事件處理器可以使用。需要注意的是，這些事件處理器都需要以”camelCase”的方式來使用，而不是原生 HTML 的全小寫方式。
發表迴響