React绑定事件处理函数this的几种方法

在以类继承的方式定义的组件中,为了能方便地调用当前组件的其他成员方法或属性(如:this.state),通常需要将事件处理函数运行时的 this 指向当前组件实例。

绑定事件处理函数this的几种方法:

第一种方法:

run(){

alert(this.state.name)
}
<button onClick={this.run.bind(this)}>按钮</button>

 

第二种方法:


构造函数中改变

this.run = this.run.bind(this);


run(){

alert(this.state.name)
}
<button onClick={this.run>按钮</button>

 

第三种方法:


run=()=> {
alert(this.state.name)
}

<button onClick={this.run>按钮</button>

转载于:https://www.cnblogs.com/wyanblog/p/10996366.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/277543.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

乌班图系统16.04安装

本例jiyu基于Ubuntu16.04 64位版本为例进行安装&#xff0c;安装的方式有多种&#xff0c;本文使用光盘进行安装安装前应准备好&#xff0c;将Ubuntu的镜像文件刻成光盘,然后将光盘放入光驱,并设置服务器从光盘启动,开机到如下界面&#xff1a;按Enter键到下一步&#xff0c;如…

python做游戏用什么软件_用Python自制谷歌小游戏

谷歌流量器中有个很有名的彩蛋&#xff1a;当你网络出现问题时&#xff0c;就会出现一个“小恐龙游戏”。(如果想要直接进行游戏&#xff0c;可以在地址栏输入&#xff1a;chrome://dino)今天我们就来给大家演示下&#xff0c;用Python来自己做一个仿制的“小恐龙游戏”&#x…

使用maven构建项目候,jar包错误的解决办法

1、删除架包&#xff0c;重新下载&#xff0c;右键项目点击"run as"中的“maven clean”,然后再maven中找到Update Project 2、可以在代码中&#xff0c;把鼠标放到报错的架包上 点击划红线部分&#xff0c;进行安装 转载于:https://www.cnblogs.com/qingqian/p/1099…

MySQL——通过EXPLAIN分析SQL的执行计划

在MySQL中&#xff0c;我们可以通过EXPLAIN命令获取MySQL如何执行SELECT语句的信息&#xff0c;包括在SELECT语句执行过程中表如何连接和连接的顺序。下面分别对EXPLAIN命令结果的每一列进行说明&#xff1a;select_type:表示SELECT的类型&#xff0c;常见的取值有&#xff1a;…

python将argv作为参数_在jupyter / ipython notebook中将命令行参数传递给argv

经过大量的环顾后,我发现了非常繁琐的自定义库,但是用几行代码解决了它,我认为这些代码很漂亮.我使用nbconvert最终得到一个html报告作为输出,包含笔记本中的所有图形和降价,但是通过最小的python包装器接受命令行参数&#xff1a;python文件test_args.py(正常执行命令行参数)&…

模拟输入(ADC-A0)

ESP8266具有内置的10位ADC&#xff0c;只有一个ADC通道(A0引脚)&#xff0c;即只有一个ADC输入引脚可读取来自外部器件的模拟电压 ESP8266上的ADC通道和芯片供电电压复用&#xff0c;也就是说我们可以将其设置为测量系统电压或者外部电压 测量外部电压&#xff1a; analogRead(…

SQL Server 连接超时案例一则

原文:SQL Server 连接超时案例一则上周六&#xff0c;一工厂系统管理员反馈一数据库连接不上&#xff0c;SSMS连接数据库报“连接超时时间已到。在尝试使用预登录握手确认时超过了此超时时间.......”, 如下截图所示&#xff1a; 另外远程连接也连接不上&#xff0c;系统管理员…

mysql 删除5天前 备份_mysql自动备份删除5天前的备份

1、查看磁盘空间情况&#xff1a;df -h2、创建备份目录&#xff1a;上面我们使用命令看出/home下空间比较充足&#xff0c;所以可以考虑在/home保存备份文件&#xff1b;cd /homemkdir backupcd backup3、创建备份Shell脚本:注意把以下命令中的DatabaseName换为实际的数据库名称…

个人作业-Alpha项目测试

这个作业属于哪个课程https://edu.cnblogs.com/campus/xnsy/SoftwareEngineeringClass2作业地址https://edu.cnblogs.com/campus/xnsy/SoftwareEngineeringClass2/homework/3340团队名称脑阔疼https://www.cnblogs.com/chaserFF/p/10994338.html这个作业的目标完成班级项目互评…

深入理解brew link命令

来源&#xff1a;https://newsn.net/say/brew-link-php71.html brew是mac机上面程序猿非常常用的软件包安装方式&#xff0c;其中有两组命令是需要大家知晓的。分别是&#xff1a;第一组&#xff1a;brew install和brew uninstall。第二组&#xff0c;brew link和brew unlink。…

scss2css vscode设置_VSCode下让CSS文件完美支持SCSS或SASS语法方法

VSCode下让CSS文件完美支持SCSS或SASS语法方法习惯Webpack PostCSS后, 通常PostCSS都是直接对CSS文件进行处理, 但是大部分习惯SCSS/SASS/LESS的朋友也许不适应了. 我专门研究了一下, 在Visual Studio Code编辑器下如果配置相关代码和设置达到CSS文件完美编写SCSS的办法, 其他…

第5章 初识JQuery

JQuery是对JavaScript的封装&#xff0c;简化了JS代码&#xff0c;是主流框架的基础(VUE,EasyUI,Bootstrap) 它是2006年推出的JQuery的优势&#xff1a; 体积小&#xff0c;压缩后只有100KB左右 强大的选择器 出色的DOM封装 可靠的事件处理机制 出色的浏览器兼容性 使用隐式迭代…

Jenkins的Pipeline脚本在美团餐饮SaaS中的实践

2019独角兽企业重金招聘Python工程师标准>>> 一、背景 在日常开发中&#xff0c;我们经常会有发布需求&#xff0c;而且还会遇到各种环境&#xff0c;比如&#xff1a;线上环境&#xff08;Online&#xff09;&#xff0c;模拟环境&#xff08;Staging&#xff09;&…

6.12交流

czy bzoj5424烧桥计划 f[i][j]暴力&#xff0c;可以分两段转移&#xff0c;更近的一段单调队列 发现&#xff0c;最多分成sqrt(n)段。 因为如果只有一段&#xff0c;ansn*2000 而如果多段&#xff0c;至少是∑i*1000&#xff0c;那么&#xff0c;i的上界是sqrt(n)级别的。 所以…

java椭圆_如何用java画椭圆

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼利用java画出椭圆。也就是鼠标一边移动一边显示出椭圆&#xff0c;如何做到请大神指教这是我写的(没有达到我自己的要求)&#xff1a;import java.awt.*;import java.awt.Graphics;import java.awt.event.*;import javax.swing.*;i…

【springboot+easypoi】一行代码搞定excel导入导出

原文&#xff1a;https://www.jianshu.com/p/5d67fb720ece 开发中经常会遇到excel的处理&#xff0c;导入导出解析等等&#xff0c;java中比较流行的用poi&#xff0c;但是每次都要写大段工具类来搞定这事儿&#xff0c;此处推荐一个别人造好的轮子【easypoi】&#xff0c;下面…

用java编写一个计算器_用java程序编写一个计算器

展开全部给你一个参考&#xff0c;希望不62616964757a686964616fe58685e5aeb931333330343261要被百度吞了当晚餐import java.awt.BorderLayout;import java.awt.GridLayout;import java.awt.event.MouseEvent;import java.awt.event.MouseListener;import java.text.DecimalFor…

TypeScript基础入门 - 接口 - 可索引的类型

转载地址 TypeScript基础入门 - 接口 - 可索引的类型 项目实践仓库 https://github.com/durban89/typescript_demo.git tag: 1.0.11 为了保证后面的学习演示需要安装下ts-node&#xff0c;这样后面的每个操作都能直接运行看到输出的结果。 npm install -D ts-node 后面自己在练…

jquery中的ajax方法(备忘)

参考&#xff1a;https://www.cnblogs.com/tylerdonet/p/3520862.html w3school:http://www.w3school.com.cn/jquery/ajax_ajax.asp 1.url: 要求为String类型的参数&#xff0c;&#xff08;默认为当前页地址&#xff09;发送请求的地址。 2.type: 要求为String类型的参数&…

java高级类_Java高级类特性(一)

权限类内同包不同包子类不同包非子类private√default√√protected√√√public√√√√四、super关键字的使用package com.test.java;/** super可以用来修饰属性、方法、构造器* 1)当子类与父类中有同名的属性时&#xff0c;可以通过"super.属性"显式的调用父类中声…