首页 > 其他 > 详细

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

时间:2018-07-04 19:20:55      阅读:178      评论:0      收藏:0      [点我收藏+]

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!