背景
目前原生的复制方式存在许多问题,常见的类似于document.execCommand(“copy”);这里不做讲解,大概是获取焦点时在移动端上软键盘自动弹出影响体验,使用readOnly属性又不兼容iponeX等等。。
解决方案
react-copy-to-clipboard
使用这个组件
import { CopyToClipboard } from 'react-copy-to-clipboard';
<CopyToClipboard
text={card} // 需要复制的文本
onCopy={this.handleCopy} // 复制完成的回调
>
<a href="javascript:;">复制</a>
</CopyToClipboard>
ok,解决