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

发布时间：2020-12-15 20:27:22 所属栏目：百科来源：网络整理

导读：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.lo

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 方法自动执

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