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 方法自动执行
原文:https://www.cnblogs.com/crazycode2/p/9264905.html