useClippy
useClippy is a TypeScript-friendly React hook for reading from and writing tothe user's clipboard.
Not to be confused with Microsoft Office's assistant, Clippy.
Demo
You can seeuse-clippy in action via GitHub Pages,which hosts thedemo directory.
Install
npm install use-clippyoryarn add use-clippy
Use
useClippy() returns a tuple analogous to useState, where the first item isthe clipboard contents and the second item is a function for setting theclipboard contents.
import React from 'react';
import useClippy from 'use-clippy';
export default function MyComponent() {
// clipboard is the contents of the user's clipboard.
// setClipboard('new value') wil set the contents of the user's clipboard.
const [clipboard, setClipboard] = useClippy();
return (
<div>
{/* Button that demonstrates reading the clipboard. */}
<button
onClick={() => {
alert(`Your clipboard contains: ${clipboard}`);
}}
>
Read my clipboard
</button>
{/* Button that demonstrates writing to the clipboard. */}
<button
onClick={() => {
setClipboard(`Random number: ${Math.random()}`);
}}
>
Copy something new
</button>
</div>
);
}
Sponsor
��
If you are a fan of this project, you maybecome a sponsorvia GitHub's Sponsors Program.
-
概述 “error: use of moved value”，相信最近开始玩rust的同学看到这个报错都能会心一笑了。 rust做到了不依赖运行期垃圾回收的安全内存管理，但这个特别爽快的特性也引入了一些不便，这报错就是常见的麻烦之一。 这报错要是想展开说清楚，需要完整解释rust的ownership、borrowing、lifetime等概念，那是一篇太长的文章。 我们先暂时放下概念，用三个不同的
-
描述 (Description) 此函数将MODULE导出的所有函数或仅LIST引用的函数导入当前包的名称空间。 有效地相当于 - BEGIN { require "Module.pm"; Module->import(); } 也用于在当前脚本上强加编译器指令（pragma），尽管这些只是模块。 请注意，在编译时会评估use语句。 在执行时评估require语句。 如果Module和LIST之
-
主要内容：语法,示例如果您的系统中有多个数据库，那么在开始操作之前，您需要先选择一个数据库。 SQL USE 语句用来选择一个已经存在的数据库。 语法 USE 语句的基本语法如下： USE DatabaseName; DatabaseName 表示要选择的数据库名称，它必须是存在的。 示例 首先使用 SHOW DATABASES 语句查看所有已存在的数据库： 现在，如果您想使用 test 数据库，则可以执行下面的 S
-
WinSCP can be downloaded in the form of standalone Portable executables. The executables in the Portable executables package are identical to the executables in an Installation package. The difference
-
一般来讲，SRS的应用方式有以下几类： 搭建大规模CDN集群，可以在CDN内部的源站和边缘部署SRS。 小型业务快速搭建几台流媒体集群，譬如学校、企业等，需要分发的流不多，同时CDN覆盖不如自己部署几个节点，可以用SRS搭建自己的小集群。 SRS作为源站，CDN作为加速边缘集群。比如推流到CDN后CDN转推到源站，播放时CDN会从源站取流。这样可以同时使用多个CDN。同时还可以在源站做DRM和DV
-
基础配置 自定义欢迎页面 ITEM NOTE 目的 验证自定制默认欢迎页面 步骤 访问默认欢迎页面(http://192.168.100.71/) 自定义欢迎页面 echo "Hello Nginx" > /usr/share/nginx/html/index.html 自定义测试界面 echo "ok" > /usr/share/nginx/html/hello 结果 访问默认欢迎页面 $ cu
-
useFetch �� React hook for making isomorphic http requests Main Documentation npm i use-http Features SSR (server side rendering) support TypeScript support 2 dependencies (use-ssr, urs) GraphQL suppo