react实现复制功能

背景

目前原生的复制方式存在许多问题，常见的类似于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,解决