【React】react点击事件如何传传传参。

想实现多个按钮使用同一点击事件,结果事件处理懵逼了,react还是不习惯根本不知道怎么传参数。
大家是怎么处理参数问题的,还有虚拟dom如何使用自定义的属性像data-name这样的

回答

<button onClick={this.handleClick.bind(this, props0, props1, ...}></button>

handleClick(porps0, props1, ..., event) {

// your code here

}

最佳错了,应该改成这样!

<button onClick={(ev) => {this.handleClick(ev, arg1, arg2,……)}}/>

handleClick(ev, arg1, arg,……) {

//code

}

this.handleclick.bind(this,要穿的参数)
handleclick(要穿的参数,event)

建议使用es6箭头函数

<button onClick={(ev, arg1, arg2,……) => {this.handleClick(ev, arg1, arg2,……)}}/> 

handleClick(ev, arg1, arg,……) {

//code

}

另外推荐一篇关于this绑定的文章http://egorsmirnov.me/2015/08/16/react-and-es6-part3.html

【React】react点击事件如何传传传参。

https://reactjs.org/docs/hand...

以上是 【React】react点击事件如何传传传参。 的全部内容, 来源链接: utcz.com/a/71796.html

回到顶部