/** * 一、事件绑定 * 驼峰命名直接添加={事件监听的名称} * * 二、事件监听传参 * a. 利用箭头函数内部调用事件监听的时候传递实参 * b. 利用 bind 方法返回一个新的函数在事件发生时调用，此时也可以传递参数 * * 三、获取事件对象 - 默认情况下不需要接收参数，且直接执行事件监听，此时它的第一个参数默认就是 ev - 利用箭头函数执行事件监听的时候，需要通过箭头函数将 ev 对象传递给事件监听函数进行使用 - 利用bind 方法执行时，如果有传参那么最后一个参数默认就接收到的就是 ev */ // const handler = (a, b) => { // console.log(a, b) // console.log(‘事件监听执行了’) // } const handler = (ev) => { console.log(ev) console.log(‘66666’) } function App() { return ( <div> //事件监听传参 {/ {handler(1, 2)}}>点击触发事件 /} {/ 点击触发事件 /} //获取事件对象 {/ 点击触发事件 /} {/ {handler(ev)}}>点击触发事件 /} {/ 点击触发事件 /} //与默认情况一样 <button onClick={handler.bind(null)}>点击触发事件</button> </div> ) } export default App