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

Question

在如下所示的 React 事件处理程序方法示例中，我一直看到event.target存储在变量中。在此示例中，将变量value设置为event.target.checked似乎更简单。将event.target存储在target变量中比仅具有const value = event.target.checked有什么好处吗？

handleChange(event) {
    const target = event.target;
    const value = target.checked;
    this.setState({
      something: value
    });
  }

Answer 1

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

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

然后

handleChange(isChecked) {
  this.setState({
    something: isChecked
  });
}