react onClick

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}

2. 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