Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.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 为什么将event.target存储在变量中?_Javascript_Reactjs - Fatal编程技术网

Javascript 为什么将event.target存储在变量中?

Javascript 为什么将event.target存储在变量中?,javascript,reactjs,Javascript,Reactjs,在下面的React事件处理程序方法示例中,我看到了存储在变量中的event.target。在本例中,将变量值设置为event.target.checked似乎更简单。将event.target存储在目标变量中,而不仅仅是将const value=event.target.checked,有什么好处吗 您不需要将event.target存储在变量中。事实上,如果不需要,甚至不需要传递事件对象。在您的示例中,选中的值就足够了。例如: <input type="checkbox" value={

在下面的React事件处理程序方法示例中,我看到了存储在变量中的event.target。在本例中,将变量值设置为event.target.checked似乎更简单。将event.target存储在目标变量中,而不仅仅是将const value=event.target.checked,有什么好处吗


您不需要将event.target存储在变量中。事实上,如果不需要,甚至不需要传递事件对象。在您的示例中,选中的值就足够了。例如:

<input type="checkbox" value={this.state.something} onChange={(e) => this.handleChange(e.target.checked)}/>

我的意思是,你甚至需要值做什么?@KevinB在setState中的对象中使用,它看起来很正确,但你也可以使用相同的逻辑来消除该变量。教程可能只是一种奇怪的尝试,通过不同时访问嵌套属性来简化新手的操作,尽管这对任何有经验的人来说都有点困惑。在更复杂的情况下,首先将属性提取到变量中可以使代码更具可读性,但我认为这里的情况并非如此
<input type="checkbox" value={this.state.something} onChange={(e) => this.handleChange(e.target.checked)}/>
handleChange(isChecked) {
  this.setState({
    something: isChecked
  });
}