码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-07-04 19:34:26      阅读:1522      评论:0      收藏:0      [点我收藏+]

标签:下载   qrcode   ref   and   bind   执行   log   UNC   asc   

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

标签:下载   qrcode   ref   and   bind   执行   log   UNC   asc   

原文地址:https://www.cnblogs.com/crazycode2/p/9264905.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!