美文网首页
(四)react事件

(四)react事件

作者: 前端来入坑 | 来源:发表于2019-12-07 16:43 被阅读0次

一、

  • 添加点击事件onClick
<div onClick={this.handleClick.bind(this)}>点击我跳转到detail页面</div>
  • 点击事件传递参数
handleClick = (param1, param2, e) => {
    console.log("点击事件传递的参数")
    console.log(param1, param2)
}

<div onClick={this.handleClick.bind(this, 18, 19)}>点我传递参数</div>

二、es6语法传参

  • 添加点击事件onClick
<div onClick={() => { this.handleClick() }}>点击我跳转到detail页面</div>
  • 点击事件传递参数
handleClick = (param1, param2) => {
    console.log("点击事件传递的参数")
    console.log(param1, param2)
}

<div onClick={ () => this.handleClick(18, 19) }>点我传递参数</div>

相关文章

网友评论

      本文标题:(四)react事件

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