react中如何獲取onclick事件呼叫元素的dom物件
阿新 • • 發佈:2018-11-29
今天終於有時間寫部落格了,
前幾天專案有個需求,我感覺用dom操作兄弟元素實現比較方便,但是前端用的react框架不能用jquery的$(this)獲取當前元素,查了好多資料和嘗試後寫下總結:
在HTML元素處寫法如下:
<OverflowMenuItem itemText={locale.modify} onClick={(e) => this.expand(e)} />
方法處如下:
@action expand = (e) => { console.log(e); }
列印結果如下:
打印出來一大堆東西中的currentTarger其實就是我們需要的,這次換成列印currentTarger:
加一句
console.log(e.currentTarget); 結果如圖
進行了幾個dom操作後.的確這就是觸發元素本身,
總結,
呼叫方法處寫成
onClick={(e) => this.expand(e)} 方法內可以通過e.currentTarget獲取觸發元素的dom物件 expand = (e) => { console.log(e);