在「React TS3 專題」親自動手創建一個類組件，我們一起學習了如何用 TS 的方式在React 里定義類組件(class component)以及了解了什么是 JSX。本篇文章，筆者將帶著大家一起了解下如何使用 TS 的方式在 React 里定義類組件事件。

在 JSX 里簡單的定義事件

最簡單的方式就是在JSX里添加事件，上一小節，我們熟悉了如何在 JSX 添加屬性，因此很自然的想到，我們可以在 JSX 里添加事件：

1、第一步在上一小節例子的基礎上，我們添加按鈕的點擊事件，在確認按鈕上添加點擊事件屬性，代碼如下：

...

我們點擊按鈕時就觸發調用 handleOkClick 方法。

2、接下來我們創建 handleOkClick 方法：

private handleOkClick() { console.log("Ok clicked");}

3、接下來我們運行下我們的項目

通過啟動命令運行項目，我們來點擊確認按鈕，就會看到如下圖所示的提示：

關于this的問題

上述的事件方法里還存在一個隱藏的風險，比如我們調用this屬性時，我們來看看會發生什么。

1、首先我們來修改點擊事件的方法：

private handleOkClick() { console.log("Ok clicked

總結

以上是生活随笔為你收集整理的dw上按钮事件 pb_「React TS3 专题」使用 TS 的方式在类组件里定义事件的全部內容，希望文章能夠幫你解決所遇到的問題。

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