React onClick点击事件传参三种写法

写法一

<Button onClick={this.delFolder.bind(this,"abc")}></Button>

定义delFolder方法

delFolder = (name,e)=>{

alert(name)

}

用bind绑定,调用是作为第二个参数传递,不用显示传递事件对象,定义方法时,事件对象作为最后一个参数传入

写法二

<Button onClick={this.delFolder("abc")}></Button>

定义delFolder方法

delFolder = (name)=>{

return (e)=>{

    console.log(e);

    console.log(key);

}

}

返回一个函数,事件对象在返回的函数中

第三种写法

<Button onClick={(e)=>this.delFolder("abc",e)}></Button>

delFolder = (name,e)=>{

}

事件对象作为第二个参数传递

推荐阅读更多精彩内容

  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 2,821评论 0 19
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 3,060评论 0 2
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 5,605评论 2 17
  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 1,709评论 0 5
  • 明天去参加CF百城联赛,七八年了第一次参加电竞比赛,激动。希望不要太丢人就好,正常发挥就OK啦。 一周又过去了,高...
    北云居士阅读 30评论 0 0