导入
事件处理简介
了解 React 如何处理用户与界面之间的交互。
为什么事件处理如此重要？
在开发具有复杂用户界面的应用程序时，用户与界面之间的交互是一个核心环节，而事件在其中扮演着关键角色。
当我们点击一个按钮时，会触发某些操作；在输入框中输入文本时，会发生某些响应；从列表中选择某个元素时，也会触发相应的行为。在原生 JavaScript 中，浏览器提供了 addEventListener() 和 removeEventListener() 方法来处理这些情况。但在 React 中，大多数情况下你完全可以忽略这些原生方法。React 提供了自己的一套事件处理机制，采用的是**内联事件（inline events）**的方式。
这些内联事件在形式上类似于 HTML 属性，例如：
1<button onclick="myFunction" />
但其工作方式却完全不同。
我们清楚这可能会让人感到些许困扰。多年来，前端开发者一直被教导应将事件监听器与页面结构清晰分离——也就是所谓的“关注点分离”。然而，React 却引入了一种截然不同的事件处理方式。
实际上，React 在底层帮我们处理了许多复杂细节，使我们能够安全、便捷地停留在组件上下文中，只需将事件处理函数定义为类的方法即可。这样一来，布局逻辑和行为逻辑都被封装在同一个组件内部，无需在多个控制器或视图之间来回切换。