【学习】：React的触发函数参数包括事件对象e和其他参数的情况

React的触发函数参数包括事件对象e和其他参数的情况

写一个函数，同时传递事件对象和一个自定义参数。
分为两种情况的函数写法和函数调用：箭头函数、普通函数
每种函数写法也对应着 仅有事件对象/事件对象+自定义参数的情况
对于传递事件对象和其他参数的函数，可以最后追加一个参数，即可接收event。

---

---

函数定义：
clickHandler=(event) => {
        event.preventDefault() // 阻止默认行为
        event.stopPropagation() // 阻止冒泡
}

函数定义：
clickHandler=(id, title, event)=> {
    console.log(id, title)     
    console.log('event', event)   
 }

一、箭头函数

（）=> { }
如果通过箭头函数的方式，事件对象必须显式的进行传递

1.只有event事件对象

当没有传递任何参数时，还是可以使用event，即默认追加了一个event参数

函数调用：
onClick={(e)=> this.clickHandler(e)}

2.event事件对象+自定义参数

函数调用：
onClick = { (e)=> this.handleClick( id,e )  }

二、普通函数

通过 bind 的方式，事件对象以及更多的参数将会被隐式的进行传递，可以不用写event。

1.只有event事件对象

onClick={this.clickHandler}

2.event事件对象+自定义参数

onClick={this.clickHandler.bind(this,2, '按钮')}

三、资料参考

本篇参考：https://blog.csdn.net/a1059526327/article/details/106841401/
拓展：https://blog.csdn.net/a1059526327/article/details/106392305