美文网首页
REACT 中事件处理函数传递参数的两种方式

REACT 中事件处理函数传递参数的两种方式

作者: alokka | 来源:发表于2019-06-26 09:51 被阅读0次

    第一种是箭头函数传参

    <button onClick={(value) => this.deleteRow(id, value)}>Delete Row</button>    // 箭头函数传参
    

    箭头函数没有this指向,默认是继承外部上下的this,所以箭头函数中的this指向的就是组件

    第二种是bind() 传参

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

    bind() 方法可以把组件的this代替函数的this

    相关文章

      网友评论

          本文标题:REACT 中事件处理函数传递参数的两种方式

          本文链接:https://www.haomeiwen.com/subject/lueqcctx.html