Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React event.target不是我设置事件侦听器的元素_Javascript_Reactjs - Fatal编程技术网

Javascript React event.target不是我设置事件侦听器的元素

Javascript React event.target不是我设置事件侦听器的元素,javascript,reactjs,Javascript,Reactjs,const onClick=(e)=>{ console.log(如target); } 常量应用=()=>( 对 完成 ); ReactDOM.render(,document.querySelector(“#app”) 使用,它将始终是添加处理程序的元素事件。目标始终是事件发生的元素 <button name={answerTypes.YES} className="btn waves-effect waves-light left blue darken-4" onCl

const onClick=(e)=>{
console.log(如target);
}
常量应用=()=>(
对
完成
);
ReactDOM.render(,document.querySelector(“#app”)

使用,它将始终是添加处理程序的元素<代码>事件。目标始终是事件发生的元素

<button
  name={answerTypes.YES}
  className="btn waves-effect waves-light left blue darken-4"
  onClick={this.onClick}
>
  Yes
  <i className='material-icons left'>done</i>
</button>

onClick(e) {
  console.log(e.currentTarget);
}

对
完成
onClick(e){
console.log(例如currentTarget);
}

这称为事件冒泡。为了帮助您,我们需要知道您为什么希望目标是按钮,而不是如何实现。是的。它工作得很好。这正是我需要的!非常感谢;)真奇怪。为什么我们两者都需要?这太令人困惑了。我如何知道哪个是
事件。目标
?我单击相同的
div
,但只有
currentTarget
可以工作
event.target
只有在某些情况下才有效。@newguy我们需要这两种方法,因为DOM中的事件<代码>事件。目标
随着事件在DOM层次结构中冒泡而改变。查看文档并询问另一个问题,如果您有具体问题。