React 事件

事件是由于用户操作或系统生成的事件而触发的动作。例如，鼠标点击、网页加载、按键、窗口调整大小和其他交互被称为事件。

React 有自己的事件处理系统，它与处理 DOM 元素上的事件非常相似。React 事件处理系统被称为合成事件。合成事件是浏览器原生事件的跨浏览器包装器。

使用 React 处理事件与处理 DOM 上的事件有一些语法上的差异。这些是

1. React 事件的命名使用驼峰命名法而不是小写。
2. 使用 JSX，一个函数被传递给事件处理程序，而不是一个字符串。 例如

在纯 HTML 中声明事件

在 React 中声明事件

3. 在 React 中，我们不能返回 false 来阻止默认行为。 我们必须显式地调用 preventDefault 事件来阻止默认行为。例如

在纯 HTML 中，为了防止打开新页面的默认链接行为，我们可以写

在 React 中，我们可以这样写

在上面的例子中，e 是一个合成事件，它根据 W3C 规范定义。

现在让我们看看如何在 React 中使用事件。

示例

在下面的例子中，我们只使用了一个组件并添加了一个 onChange 事件。 此事件将触发 changeText 函数，该函数返回公司名称。

输出

当您执行上面的代码时，您将得到以下输出。

在文本框中输入名称后，您将得到如下所示的屏幕输出。