Skip to content

CopyToClipboard 复制包装器 ​

为一个 React 元素补充点击复制能力,底层使用 copy-to-clipboard。

使用方式 ​

tsx
import CopyToClipboard from './components/copyToClipboard';

export default function CopyExample() {
  return (
    <CopyToClipboard text="Hello React" onCopy={(_, success) => console.log(success)}>
      <button>复制文本</button>
    </CopyToClipboard>
  );
}

API ​

属性类型说明
textstring必填,要复制的文字
childrenReactElement必须是单个元素
onCopy(text, result) => void回调包含原文与成功状态
optionsobject可传 debug、message、format

复制后仍会调用子元素原有的 onClick。调用者应根据 result 提供成功或失败反馈;不要假设浏览器总允许剪贴板操作。源文件为本目录 index.tsx。此基础组件暂未单独注册导航页。

在实践中理解 React,在分享中共同成长。