在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ React點擊事件，怎么獲取當(dāng)前點擊事件的dom元素

React點擊事件，怎么獲取當(dāng)前點擊事件的dom元素

test = (event) => {
    console.log(event);
}

render() {
    return <button onClick={this.test}></button>    
}

在jq的事件綁定中 通過this或者e.target/currentTarget能夠訪問到事件綁定的DOM元素
React中怎么訪問到在綁定事件元素沒有寫ref的屬性
輸出的event如下

clipboard.png

currenttarget target都是 react
有什么好的方法么，點擊button時 在test方法中能夠獲取這個button dom元素？

回答
編輯回答
誮惜顏

es6寫法:

test(e,a){
  console.log(e.target,a)
}
render() {
    return <button onClick={(e)=>{this.test(e,"aaa")}}></button>    
}

es5

test(a,e){
        console.log(a,e.target);
    }
    render(){
    return(<button onClick={this.test.bind(this,"aaa")}>按鈕</button>)
}

注意，要傳其他參數(shù)的話，兩個的區(qū)別就是es5的話，event不用寫出來的，且獲取時一定為最后一個，而es6的話名稱一一對應(yīng)就行了

2018年9月17日 19:21
編輯回答
薔薇花

添加ref屬性，搜索一下這個屬性用法

2017年3月23日 20:05
編輯回答
胭脂淚
test(e){
  console.log(e.target)
}
<button onClick={(e)=>{this.test(e)}}></button>
2017年9月15日 19:47