请列举 React 中实现事件绑定的几种常见方法，并分析它们之间的区别。
考察说明
考察对 React 事件绑定多种方式的理解及其在性能、传参和绑定时机上的差异。
回答思路
- 【回答框架 1】React 事件绑定主要有四种方式：在 JSX 中直接使用箭头函数、在构造函数中绑定、在 JSX 中使用 bind、以及使用类字段语法。直接使用箭头函数每次渲染都会创建新函数，可能导致子组件不必要的重渲染；构造函数绑定只执行一次，性能较好但代码稍多。
- 【回答框架 2】JSX 中使用 bind 可以在绑定同时传递参数，但 bind 调用也会创建新函数，且需注意绑定顺序；类字段语法是 ES 提案，绑定发生在实例创建时，避免重复创建，代码简洁，是推荐方式。
- 【回答框架 3】此外，React 合成事件系统在底层使用事件委托，事件处理函数会接收合成事件对象；不同绑定方式对事件对象的传递和 this 指向有不同影响，需确保 this 正确指向组件实例。
- 【回答框架 4】性能优化方面，如果事件处理函数频繁传递给子组件，建议使用稳定引用（如类字段或构造函数绑定），并配合 React.memo 或 shouldComponentUpdate 减少渲染；每次渲染创建新函数会破坏这些优化。
- 【关键点 1】四种方式：JSX 箭头函数、构造函数绑定、bind 绑定、类字段箭头函数。
- 【关键点 2】构造函数绑定和类字段在组件实例创建时绑定，引用稳定；箭头函数和 bind 每次渲染创建新函数。
- 【关键点 3】传参可通过箭头函数或 bind 实现，但需注意性能影响。
- 【关键点 4】类字段语法是推荐方式，结合 React.memo 可优化重渲染。
- 【易错点 1】忘记绑定 this 会导致事件处理函数中 this 为 undefined。
- 【易错点 2】每次渲染创建新函数可能破坏子组件性能优化，需谨慎使用。