react onClick

作者: 栗子daisy | 来源:发表于2019-07-04 22:09 被阅读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 = () => {
  this.setState({
    visible: false,
  });
}
 
onCancel={this.handleCancel}
  1. react onClick传参, 解决方法自动执行

情况说明: 页面加载后,自动调用了 onClick 方法

<a onClick={this.handleClick(text)}>下载</a>
解决方案一:

<a href="#" onClick={this.handleClick.bind(this, text)}>下载</a>
解决方案二:

<a href="#" onClick={()=>this.handleClick(text)}>下载</a>

参考:
https://blog.csdn.net/weixin_33856370/article/details/86000316

相关文章

网友评论

    本文标题:react onClick

    本文链接:https://www.haomeiwen.com/subject/zpmdhctx.html