useCopyToClipboard

将文本复制到用户的剪贴板。

别名

useCopyToClipboard 是 useClipboard 的别名。它们具有相同的功能和 API。

用法

实时编辑器

function Demo() {
  const [value, setValue] = useState("");
  const [text, copy] = useCopyToClipboard();
  const permissionRead = usePermission("clipboard-read");
  const permissionWrite = usePermission("clipboard-write");
  return (
    <div>
      <p>
        剪贴板权限: 读取 <b>{permissionRead}</b> | 写入&nbsp;
        <b>{permissionWrite}</b>
      </p>
      <p>
        当前复制的内容: <code>{text || "无"}</code>
      </p>
      <input
        value={value}
        onChange={(event) => {
          setValue(event.currentTarget.value);
        }}
      />
      <button onClick={() => copy(value)}>复制</button>
    </div>
  );
};

结果

剪贴板权限: 读取 prompt | 写入 granted

当前复制的内容: 无

API

useClipBoard

Returns

readonly [string, (txt: string) => Promise<void>]: 返回只读元组.

Arguments