React点击事件,怎么获取当前点击事件的dom元素

lifesimple
  • 816
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元素?

回复
阅读 22.8k
4 个回答
test(e){
  console.log(e.target)
}
<button onClick={(e)=>{this.test(e)}}></button>
牛气大志
  • 5
新手上路,请多包涵

我是什么参数都没传递,这么解决的:const btn = e.currentTarget();

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>)
}

注意,要传其他参数的话,两个的区别就是es5的话,event不用写出来的,且获取时一定为最后一个,而es6的话名称一一对应就行了

添加ref属性,搜索一下这个属性用法

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏