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.pswp.cn/news/277543.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/277543.shtml
英文地址,請注明出處:http://en.pswp.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.屬性"顯式的調用父類中聲…