@taichi-yi/react-copy-to-clipboard

Copy-to-clipboard React component

Usage no npm install needed!

<script type="module">
  import taichiYiReactCopyToClipboard from 'https://cdn.skypack.dev/@taichi-yi/react-copy-to-clipboard';
</script>

README

一个基于 React 的将文本复制到剪贴板的 JavaScript 库

特点

  • 支持 ts 类型
  • 没有依赖任何第三方库
  • 压缩后的大小只有 3kb
  • 不支持 IE

下载

yarn add @taichi-yi/react-copy-to-clipboard

或者

npm install @taichi-yi/react-copy-to-clipboard

使用

import CopyToClipboard from '@taichi-yi/react-copy-to-clipboard';

<CopyToClipboard
  text="email@qq.qq"
  onCopy={async (result) => {
    const {
      status, /* 复制的状态 */
      text, /* 被复制的文本 */
    } = await result;

    if (status) {
      // 复制成功
    } else {
      // 复制失败
    }
  }}
>
  <span>用户邮箱：email@qq.qq</span>
</CopyToClipboard>