1.react 調用方法的寫法

（1）方式一

onClick={this.getFetchData.bind(this,item.id)}

（2）方式二

getFetchData(e){
  this.setState({
    value: e.target.value
  })
}

onClick={(event)=>this.getFetchData(event)}

（3）方式三

handleCancel = () => {
  console.log(‘Clicked cancel button‘);
  this.setState({
    visible: false,
  });
}

onCancel={this.handleCancel}

2.解決 react onClick 方法自動執行

情況說明: 頁面加載後，自動調用了 onClick 方法

<a onClick={this.onLoadQR(text)}><Icon type="qrcode" />下載</a>

解決方案一:

<a href="#" onClick={this.onLoadQR.bind(this, text)}><Icon type="qrcode" />下載</a>

解決方案二:

<a href="#" onClick={()=>this.onLoadQR(text)}><Icon type="qrcode" />下載</a>

.

react 調用 function 的寫法 及 解決 react onClick 方法自動執行