1. 程式人生 > >react中如何獲取onclick事件呼叫元素的dom物件

react中如何獲取onclick事件呼叫元素的dom物件

今天終於有時間寫部落格了,

前幾天專案有個需求,我感覺用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);
  console.log(e.currentTarget); }