React中向事件處理程序傳遞參數

之前使用React的事件處理程序大都直接使用下面的兩個形式：

this.handleClick = this.handleClick.bind(this);
// public class fields 語法
handleClick = () => {
  console.log('this is:', this);
}

可是在程序中給事件處理程序傳遞參數的時候，如果還是直接用類似onClick={this.handleClick(params)}的函數來處理的話，那麼該函數就會直接被執行，所以查看了官網發現給事件處理程序傳遞參數有兩種方式，這裏記錄一下：

<button onClick={(e) => this.deleteRow(id, e)}>Delete Row</button>
<button onClick={this.deleteRow.bind(this, id)}>Delete Row</button>

在給方法傳遞新參數時，方法原來的參數會排在新參數之後