在 React 开发中，若要为 button 元素添加点击事件的响应处理，具体应当采用怎样的绑定方式？

回答思路

1. 【回答框架 1】React 中绑定点击事件主要采用 JSX 语法，在 button 元素上通过 onClick 属性传入事件处理函数引用，例如 onClick={handleClick}。
2. 【回答框架 2】事件处理函数可以是组件内部定义的函数、箭头函数或内联箭头函数。内联箭头函数可以直接写 onClick={() => doSomething()}，便于传递参数。
3. 【回答框架 3】需要注意绑定函数时不能直接加括号执行，如 onClick={handleClick()} 会在渲染时立即执行，而不是在点击时触发，这是常见错误。
4. 【回答框架 4】在类组件中，需要绑定 this，通常通过在构造函数中 bind 或使用类字段箭头函数；函数组件中直接用 const handleClick = () => {} 即可。
5. 【回答框架 5】事件对象 e 会自动传入处理函数，可用来获取事件信息或调用 preventDefault。
6. 【关键点 1】onClick 属性值为函数引用，非函数调用结果
7. 【关键点 2】类组件中需注意 this 绑定，函数组件无此问题
8. 【关键点 3】内联箭头函数适合需要传参的场景
9. 【易错点 1】直接写 onClick={handleClick()} 会导致渲染时立即执行
10. 【易错点 2】忘记绑定 this 在类组件中会报 undefined 错误