c调用按钮点击事件_如何在 React Typescript 的项目里在类组件里定义事件方法？...

在「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