记录一个小功能：点击按钮复制到粘贴板上

Keep it real

于 2022-03-15 11:51:48 发布

阅读量315

点赞数

CC 4.0 BY-SA版权

分类专栏： react copy 文章标签： react.js

本文链接：https://blog.csdn.net/GaoZhuoLin/article/details/123498855

react 同时被 2 个专栏收录

4 篇文章

订阅专栏

copy

1 篇文章

订阅专栏

本文介绍了如何在项目中使用copy-to-clipboard这个小插件来实现点击按钮即可将文本复制到剪贴板上的功能。首先通过npm安装插件，然后在代码中引入并应用，简单几步即可完成复制操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里有一个小插件哦！

1.安装 copy-to-clipboard

npm i copy-to-clipboard --save

2.引入应用

import copy from 'copy-to-clipboard';
function copied(str){      //传参也可以是URL
  copy(str);     
  alert('复制成功');
};
function App(){
  return <button 
  onClick={()=>copied('我被复制啦')}><button>	
};
export default App;