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)=>{

}

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,584评论 0 21
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,952评论 0 3
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 8,179评论 2 17
  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 4,995评论 0 5
  • 很久以后。 有一座山, 很高很高, 很远很远。 山上住了一只小猴, 也住了一只小鸟。 小猴很智慧, 心中有很多答案...
    littlestupid阅读 324评论 5 1

友情链接更多精彩内容