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

Question

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

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

在jq的事件绑定中 通过this或者e.target/currentTarget能够访问到事件绑定的DOM元素
React中怎么访问到在绑定事件元素没有写ref的属性
输出的event如下

currenttarget target都是 react
有什么好的方法么，点击button时 在test方法中能够获取这个button dom元素？

Answer 1

test(e){
  console.log(e.target)
}
<button onClick={(e)=>{this.test(e)}}></button>

Answer 2

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的话名称一一对应就行了

Answer 3

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

Answer 4

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