React js中的onClick = {（）=> this.func（）}和onClick = {this.func}之间的区别

Question

我是React的初学者，我通过这两种方式尝试了onClick。谁能解释这两者之间的区别？

第一种方法：-onClick = {（）=> this.func（）}

func(){
  alert("Button Clicked");
}

render() {
  return (
      <div className="App">
        <button onClick={() => this.func()}> Click Me </button>
      </div>
  );
}

第二种方式：-onClick = {this.func}

func(){
  alert("Button Clicked");
}

render() {
  return (
      <div className="App">
        <button onClick={this.func}> Click Me </button>
      </div>
  );
}