react中怎么传递事件对象


本文摘自PHP中文网,作者藏色散人,侵删。

react中传递事件对象的方法:1、使用“{(e) => this.deleteRow(id, e)}”方式传递;2、通过“{this.deleteRow.bind(this, id)}”方式传递。

本教程操作环境:windows7系统、react17.0.1版本,Dell G3电脑。

推荐:《javascript基础教程》

向事件处理程序传递参数(事件对象)

给函数传递额外参数:以下两种方式

1

2

<button onClick={(e) => this.deleteRow(id, e)}>Delete Row</button>

<button onClick={this.deleteRow.bind(this, id)}>Delete Row</button>

上述两种方式是等价的,分别通过 箭头函数 和 Function.prototype.bind 来实现。

上面两个例子中,参数 e 作为 React 事件对象将会被作为第二个参数进行传递。通过箭头函数的方式,事件对象必须显式的进行传递,但是通过 bind 的方式,事件对象以及更多的参数将会被隐式的进行传递。

阅读剩余部分

相关阅读 >>

React怎么实现锚点滚动

React中props与state的区别是什么?

React中push与replace的区别是什么

React修改端口号的方法是什么

React中页面如何传值

React和vue的区别及优缺点是什么

angular与angularjs、React和vue的简单对比

手把手教你如何使用vite+React进行组件开发(实践)

React封装自定义组件的正确步骤

React如何控制显示与隐藏

更多相关阅读请进入《React》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...