react 调用 function 的写法 及 解决 react onClick 方法自动执行

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>

.