2018-10-23react事件系統(tǒng)

1.合成事件的綁定方式

react事件的綁定方式在寫法上與原生的html事件監(jiān)聽器屬性很相似观话,并且含義和觸發(fā)場景也都完全一致蔗候。

2.合成事件的實(shí)現(xiàn)機(jī)制

在react的底層市埋,對(duì)合成事件主要做了兩件事:事件委派和自動(dòng)綁定

? ? 1).事件委派

事件委派并不會(huì)把事件處理函數(shù)直接綁定到真實(shí)的節(jié)點(diǎn)上,而是把所有事件綁定到結(jié)構(gòu)的最外層绊含,使用一個(gè)統(tǒng)一的事件監(jiān)聽器。

? ? 2)自動(dòng)綁定

在react組件中炊汹,每個(gè)方法的上下文都會(huì)指向該組件的實(shí)例躬充,即自動(dòng)綁定this為當(dāng)前組件

綁定方法:

<1>,bind方法,這個(gè)方法可以幫助我們綁定事件處理器內(nèi)的this讨便,并可以向事件處理器中傳遞參數(shù)

<2>,構(gòu)造器內(nèi)聲明麻裳。在組件的構(gòu)造器內(nèi)完成了this的綁定。這種綁定方式的好處在于僅需要一次綁定器钟,而不需要每次調(diào)用事件監(jiān)聽器時(shí)去執(zhí)行綁定津坑。

<3>,箭頭函數(shù)

箭頭函數(shù)不僅是函數(shù)的"語法糖",它還自動(dòng)綁定了定義此函數(shù)作用域的this,因此我們不需要再對(duì)它使用bind方法,


在react中使用DOM原生事件時(shí)傲霸,一定要在組件卸載時(shí)手動(dòng)刪除疆瑰,否則很可能出現(xiàn)內(nèi)存泄漏的問題。而使用合成事件系統(tǒng)時(shí)則不需要昙啄,因?yàn)閞eact內(nèi)部已經(jīng)幫你妥善處理好了穆役。

4.

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市梳凛,隨后出現(xiàn)的幾起案子耿币,更是在濱河造成了極大的恐慌,老刑警劉巖韧拒,帶你破解...
    沈念sama閱讀 222,681評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件淹接,死亡現(xiàn)場離奇詭異,居然都是意外死亡叛溢,警方通過查閱死者的電腦和手機(jī)塑悼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來楷掉,“玉大人厢蒜,你說我怎么就攤上這事。” “怎么了斑鸦?”我有些...
    開封第一講書人閱讀 169,421評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵愕贡,是天一觀的道長。 經(jīng)常有香客問我巷屿,道長固以,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,114評(píng)論 1 300
  • 正文 為了忘掉前任攒庵,我火速辦了婚禮嘴纺,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘浓冒。我一直安慰自己栽渴,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,116評(píng)論 6 398
  • 文/花漫 我一把揭開白布稳懒。 她就那樣靜靜地躺著闲擦,像睡著了一般。 火紅的嫁衣襯著肌膚如雪场梆。 梳的紋絲不亂的頭發(fā)上墅冷,一...
    開封第一講書人閱讀 52,713評(píng)論 1 312
  • 那天,我揣著相機(jī)與錄音或油,去河邊找鬼寞忿。 笑死,一個(gè)胖子當(dāng)著我的面吹牛顶岸,可吹牛的內(nèi)容都是我干的腔彰。 我是一名探鬼主播,決...
    沈念sama閱讀 41,170評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼辖佣,長吁一口氣:“原來是場噩夢啊……” “哼霹抛!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起卷谈,我...
    開封第一講書人閱讀 40,116評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤杯拐,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后世蔗,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體端逼,經(jīng)...
    沈念sama閱讀 46,651評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,714評(píng)論 3 342
  • 正文 我和宋清朗相戀三年凸郑,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了裳食。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,865評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡芙沥,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情而昨,我是刑警寧澤救氯,帶...
    沈念sama閱讀 36,527評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站歌憨,受9級(jí)特大地震影響着憨,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜务嫡,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,211評(píng)論 3 336
  • 文/蒙蒙 一甲抖、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧心铃,春花似錦准谚、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至愉棱,卻和暖如春唆铐,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背奔滑。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評(píng)論 1 274
  • 我被黑心中介騙來泰國打工艾岂, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人朋其。 一個(gè)月前我還...
    沈念sama閱讀 49,299評(píng)論 3 379
  • 正文 我出身青樓王浴,卻偏偏與公主長得像,于是被迫代替她去往敵國和親令宿。 傳聞我的和親對(duì)象是個(gè)殘疾皇子叼耙,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,870評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • 1、通過CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請(qǐng)求組件 FMDB本地?cái)?shù)據(jù)庫組件 SD...
    陽明先生_X自主閱讀 15,988評(píng)論 3 119
  • 最近來后臺(tái)找夢廠玩的小伙伴都有一個(gè)煩惱。那就是不知道中午吃什么癞松,尤其是辛苦的上班族們爽撒,外賣坑爹,自帶不便响蓉,下館子又...
    吃喝夢工廠閱讀 4,809評(píng)論 10 60
  • 根據(jù)《小蟲蟲的異想生活》改編硕勿。 在一個(gè)美麗的花園里,有一只小蜜蜂枫甲,她的名字叫阿美源武。她住在一個(gè)很小很小的房子里扼褪,房...
    燕倚東風(fēng)一縷寒閱讀 1,269評(píng)論 0 0
  • 【6+不問結(jié)果】數(shù)理思維營打卡D2 1、先用規(guī)格玩了一會(huì)小火車軌道粱栖,一人擺松子话浇,一人擺小饅頭,造相遇闹究。相遇之后吃掉...
    阿房故事會(huì)閱讀 123評(píng)論 0 0
  • 一 微信推出小程序了幔崖,年初的微信公開課上張小龍就說了這個(gè)想法,現(xiàn)在被坐實(shí)渣淤,只是換了一個(gè)名字赏寇。內(nèi)測號(hào)只有200個(gè),想...
    點(diǎn)點(diǎn)寒彬閱讀 513評(píng)論 0 0