当前位置: 代码迷 >> 综合 >> React 点击带参数函数取消自动执行
  详细解决方案

React 点击带参数函数取消自动执行

热度:21   发布时间:2023-10-17 07:43:15.0

1:点击带参数函数会自动执行,函数如下

<span className={ style.releasedLinkBtn} onClick={ this.copyUrl(url) }>复制</span>

2:解决方法,将函数更改为箭头函数

<span className={ style.releasedLinkBtn} onClick={ ()=>this.copyUrl(url) }>复制</span>

3:使用bind

<span className={ style.releasedLinkBtn} onClick={this.copyUrl.bind(this,url) }>复制</span>

 

  相关解决方案