react 事件處理

2021-09-12 05:34:00 字數 730 閱讀 6210

1.所有的事件以駝峰式命名如onclick

2.this作用域的問題,直接使用箭頭函式可以將該類的例項物件傳遞過去;若是呼叫的元件方法,需要使用this.handleclick=this.handleclick.band(this);這句話會建立乙個新的函式給handleclick,並把this當做引數傳遞給函式,因此可以把this的作用域傳遞過去,如果有其他引數想傳遞也可以在this後用逗號隔開寫。;還可以在呼叫元件方法時直接呼叫.band(this)

import react from 'react';

class child_1 extends react.component

render() }>改變child_2背景色bgcolor);}

}

import react from 'react';

class child_1 extends react.component

handleclick()

render()

}

import react from 'react';

class child_1 extends react.component

render()

}

第四種方式是定義handleclick方法時使用箭頭函式。然後onclick=

handleclick = () =>

react事件處理

採用on 事件名的方式來繫結乙個事件,注意,這裡和原生的事件是有區別的,原生的事件全是小寫onclick,react裡的事件是駝峰onclick,react的事件並不是原生事件,而是合成事件。和普通瀏覽器一樣,事件handler會被自動傳入乙個event物件,這個物件和普通的瀏覽器event物件所包...

React 事件處理函式

觸控事件 ontouchcancel ontouchend ontouchmove ontouchstart 只會在移動裝置上接受 鍵盤事件 onkeydown onkeypress onkeyup 剪下事件 oncopy oncut onpaste 表單事件 onchange oninput on...

React事件處理和原生JS事件處理

事件觸發呼叫有三種方式 1.on event 事件屬性,手動觸發 on event 事件是window物件上的方法。2.on event 事件屬性,通過htmlelement.click 模擬觸發 3.addeventlistener監聽事件,手動觸發 this指向 如果onevent事件屬性定義的...