首页
Javascript
Html
Css
Node.js
Electron
移动开发
小程序
工具类
服务端
浏览器相关
前端收藏
其他
关于
公司注册

React的两种事件传参方式

2019年01月09日 发布 阅读(3053) 作者:Jerman

reactjs绑定事件传参,有两种方式,如下:

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

上面两行是等价的,只是使用箭头函数和Function.prototype.bind的区别。

在这两种情况下,e表示React事件的参数将作为ID之后的第二个参数传递。使用箭头函数,我们必须显式传递它,但bind任何进一步的参数都会自动转发。

参考:
https://reactjs.org/docs/handling-events.html#passing-arguments-to-event-handlers

版权声明:本站文章除特别声明外,均采用署名-非商业性使用-禁止演绎 4.0 国际 许可协议,如需转载,请注明出处